/*#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} #card {overflow-x: auto;padding:10px 5px;background:#ececec} #card .card *{font-family:Linearicons-Free,"Noto Sans KR",'Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma','sans-serif' !important} #card .card{padding:10px 0 0 0;margin:0 auto;width:320px} /*#card .card .title{margin:0 0 10px 0;position:relative;background:url('./img/bg_card.png') no-repeat 50% 0;background-color: transparent;background-size: 100% auto;border-radius: 10px;}*/ #card .card .title{margin: 10px 0;position:relative;background: url('../img/logo.png') no-repeat 50% 25%;background-color: white;background-size: 65% auto;border-radius: 10px;border: 1px solid #ccc;} #card .card .title i{position:absolute;z-index:1;top:26px;left:26px} #card .card .title .img {position: absolute;top: 14px;left: 14px;width: 108px;height: 130px;text-align: center;} #card .card .title .img img {max-width: 100%;max-height: 100%;} #card .card .title em{position:absolute;z-index:1;bottom:26px;right:26px} #card .card .title ul{padding: 155px 20px 5px 30%;display: flex;flex-wrap: wrap;justify-content: flex-start;} #card .card .title ul li{overflow:hidden;text-align: right;} #card .card .title ul li strong{float:left;display:block;padding-right:15px;line-height:22px;font-size:15px;color:#333;vertical-align: middle;} #card .card .title ul li span{float: left;display:block;line-height:22px;font-size:15px;font-weight:500;color: #333;vertical-align: middle;} #card .card .code{padding:8px 0;margin:0 auto;width:320px;/*border:1px solid #ccc;*/background:#fff;border-radius:9px} #card .card .code h3{text-align:center;font-size: 18px;font-weight: 500;font-family:'Arial','Tahoma','sans-serif' !important;color:#000} #card .card .code p{padding:0 20px;text-align:center} #card .card .code p img{width:auto;max-wight:100%;height:auto;vertical-align: middle;} #card .card .state {margin-top: 10px;padding: 8px 10px;background: #fff;border-radius: 9px;text-align: center;font-size: 17px;font-weight: 500;color:#43579f;} #card .card .txt ul{margin:0;padding:10px 10px 5px 10px} #card .card .txt ul li{position:relative;padding-bottom:1px;line-height:18px;font-size:12px;letter-spacing:-0.08em;color:#333} #card .card .txt ul li i{position:absolute;top:2px;left:-10px;font-style:normal} #card .card .txt p{position:fixed;z-index:1000;bottom:0;left:0;width:100%} #card .card .txt p a{display:block;height:41px;line-height:41px;font-size:15px;font-weight:500;text-align:center;border-top:1px solid #a7a7a7;background:#fff} #card .card .txt p a i{position:absolute;top:0;right:0;display:block;width:43px;height:43px;background:#e15d6d url(img/down.png) no-repeat} #card .card .title ul li:nth-child(1) {width: 35%; } #card .card .title ul li:nth-child(2) {width: 65%; } #card .card .title ul li:nth-child(3) {width: 35%; } #card .card .title ul li:nth-child(4) {width: 65%; } /* 1440 - all */ @media all and (min-width: 1440px) { #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: 100px;padding: 0 4.16%;} #header.header_active {background-color: var(--colorNavy);} #header .header {position: relative;height: 100px;display: flex;justify-content: space-between;align-items: center;} /*#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;font-size: 0;/*background-image: url(../img/logo.png);background-repeat: no-repeat;background-position: 0 50%;text-indent: -9999px;*/} #header h1 a img {/*height: 24px;*/} /*#header.header_active h1 a {background-image: url(../img/logo_on.png);} #header.bg_white {background-color: #fff;border-bottom: 1px solid #d9d9d9;}*/ #header button.btn-menu {display:none} /**/ nav.menu_wrap {flex: 0 1 60%;} #gnb .depth1 {display: flex;justify-content: space-evenly;} #gnb .depth1 > li {display: inline-block;vertical-align: top;} #gnb .depth1 > li > a {display:block;height: 100px;margin: 0;font-size: 20px;line-height: 100px;font-weight: 500;color: var(--colorDarkgray);} #header.header_active #gnb .depth1 > li > a, #header.bg_white #gnb .depth1 > li > a {color: var(--colorWhite);} #header #gnb .depth1 > li.sel > a {color: var(--mainColor);font-weight: 500;text-decoration: underline;} #header.header_active #gnb .depth1 > li.sel > a, #header.bg_white #gnb .depth1 > li.sel > a {color: var(--colorBlue);font-weight: 500;text-decoration: underline;} #header #gnb .depth1 > li:hover > a, #header #gnb .depth1 > li > a:hover {color: var(--colorBlue);} #gnb .depth2 {display: none;overflow:hidden;position:absolute;top: 100px;left: 0;z-index: 10;width: 100%;padding: 0 0 40px;box-sizing: border-box;text-align:center;} #gnb .depth2 > li {float: left;width: calc(33.33333% - 10px);margin: 5px;} #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: 17px;line-height: 58px;font-weight: 500;color:#fff;border: 1px solid rgba(255,255,255,0.3);text-align: left;} #gnb .depth2 > li a:hover{background: #fff;color: var(--mainColor);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 {max-width: 320px;text-align: right;} #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;color: var(--colorBlack);} #header .etc_btn > ul > li > a:last-child {padding-right: 0;} #header .etc_btn > ul > li.etc_link {padding-left:20px;} #header.header_active .etc_btn > ul > li > a, #header.bg_white .etc_btn > ul > li > a {color: #fff;} /*#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: 80px 0 90px;} .section_inner {max-width: 1440px;margin: 0 auto;} .section h3 {margin-bottom: 30px;font-size: 30px;font-weight: 600;color: #000;} .section h3.white {color: #fff;} .section h4 {font-size: 25px;font-weight: 500;color: var(--mainColor);} .section .sub_title {font-size: 17px;font-weight: 500;color: #757575;} /**/ .section .kind.lib1 {background-color: var(--mainColor);color: var(--colorWhite);} .section .kind.lib2 {background-color: var(--libColor2);color: var(--colorWhite);} .section .kind.lib3 {background-color: var(--libColor3);color: var(--colorWhite);} .section .m_more {display: inline-block;width: 40px;height: 40px;background-image: url(../img/ico_m_more.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;} .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.slider_ctrl {display: flex;align-items: center;} .section .controls.slider_ctrl .slider_pos {display: inline-block;} .section .controls.slider_ctrl .slider_btn {overflow: hidden;width: 40px;height: 55px;text-indent: -9999px;} .section .controls.slider_ctrl .slider_btn.stop {background-image: url(../img/ico_m_stop.png);background-repeat: no-repeat;background-position: 100% 50%;} .section .controls.slider_ctrl .slider_btn.play {background-image: url(../img/ico_m_play.png);background-repeat: no-repeat;background-position: 100% 50%;} .section .controls.slider_ctrl .m_more {margin-left: 30px;} .section .controls .slick-arrow {overflow: hidden;width: 55px;height: 55px;border-radius: 50%;border-width: 1px;border-style: solid;border-color: rgba(0,0,0,0.1);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;vertical-align: middle;} .section .controls .slick-prev {margin-right: 15px;background-image: url(../img/arrow_b_prev.png);} .section .controls .slick-next {margin-left: 15px;background-image: url(../img/arrow_b_next.png);} .section .controls.white .slick-arrow {border-color: #fff;} .section .controls.white .slick-prev {background-image: url(../img/arrow_w_prev.png);} .section .controls.white .slick-next {background-image: url(../img/arrow_w_next.png);} .section .controls .slider_dots {display: inline-block;vertical-align: middle;} .section .controls .slider_dots ul li {display: none;} .section .controls .slider_dots ul li.slick-active {display: block;} /* 메인비주얼 */ #section0 {position: relative;z-index: 0;padding-top: 100px;background-image: url(../img/bg_m_visual.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;} #section0::before {content: '';position: absolute;top: 100px;left: -45%;z-index: -1;width: 1100px;height: 1100px;border-radius: 50%;background-color: #83b8ff;opacity: 0.3;} #section0 .visual_wp {position: relative;display: flex;max-width: 1440px;margin: 0 auto;padding: 70px 0 20px;align-items: center;} #section0 .visual_wp .slogan_wp {width: 53.4%;font-size: 25px;font-weight: 400;color: var(--colorBlack);} #section0 .visual_wp .slogan_wp .m_slogan {margin-bottom: 20px;font-size: 45px;font-weight: 400;line-height: 1.2em;} #section0 .visual_wp .slogan_wp .m_slogan .tit {display: block;font-weight: 600;line-height: 1.2em;} #section0 .search_wp {position: relative;width: 46.6%;padding-left: 50px;} #section0 .search_wp h3 {margin-bottom: 0;} #section0 .search_wp form fieldset {} #section0 .search_wp form .title {padding: 10px 0 5px 45px;margin-bottom: 10px;font-size: 19px;font-weight: 500;background-image: url(../img/ico_m_search_title.png);background-repeat: no-repeat;background-position: 0 0;color: #000;} #section0 .search_wp form .input_wp {position: relative;display: flex;padding: 15px 20px 15px 40px;align-items: center;justify-content: space-between;height: 72px;background-color: #163e75;font-size: 0;border-radius: 70px;} #section0 .search_wp form .input_wp::before, #section0 .search_wp form .input_wp::after {content: '';position: absolute;background-repeat: no-repeat;} #section0 .search_wp form .input_wp::before {bottom: 0;right: 0;z-index: -1;width: 270px;height: 150px;background-image: url(../img/ico_m_search1.png);} #section0 .search_wp form .input_wp::after {bottom: -13px;right: 0;z-index: 1;overflow: hidden;width: 270px;height: 150px;background-image: url(../img/ico_m_search2.png);} #section0 .search_wp form .input_wp input[type="text"] {width: 65%;height: 100%;font-size: 18px;font-weight: 300;background-color: transparent;border: 0;color: #fff;vertical-align: top;} #section0 .search_wp form .input_wp input[type="text"]::placeholder {color: rgba(255,255,255,0.7);} #section0 .search_wp form .btn_search {position: relative;z-index: 3;margin-left: 15px;padding: 7px 20px;font-size: 15px;color: #fff;background-color: rgba(54,232,200,0.6);border-radius: 50px;} #section0 .search_wp .search_word {overflow: hidden;margin: 20px 45px 0;font-size: 0;} #section0 .search_wp .search_word > a {display: inline-block;margin: 2px 25px 2px 0;font-size: 15px;font-weight: 400;} /*#section0 .search_wp {position: relative;width: 83%;height: 70px;padding: 0 155px 0 132px;margin: 40px auto 90px;background: rgba(255,255,255,0.9);text-align: left;box-sizing: border-box;} #section0 .search_wp label {position: absolute;top: 0;left: 0;height: 70px;padding: 0 30px;font-size: 20px;font-weight: 500;color: #333;text-align: center;line-height: 70px;vertical-align: middle;} #section0 .search_wp #search {display: block;width: 100%;height: 70px;border: 0;font-size: 20px;line-height: 70px;vertical-align: middle;font-family: inherit;font-weight: 300;color: #555;background-color: transparent;} #section0 .search_wp .btn_search {position: absolute;top: 0;right: 0;height: 70px;width: 70px;background-color: transparent;background-image: url(../img/ico_m_search.png);background-repeat: no-repeat;background-position: 50%;background-size: auto 32px;font-family: inherit;font-size: 16px;font-weight: 300;color: #333;cursor: pointer;text-indent: -9999px;}*/ #section0 .v_note_wp {display: flex;max-width: 1440px;margin: 0 auto;flex-wrap: wrap;} #section0 .zone_wp {position: relative;width: 53.4%;padding-top: 75px;} #section0 .zone_wp #slickWp .controls {position: absolute;top: 0;right: 0;} #section0 .zone_wp #slickWp .slider {overflow: hidden;border-radius: 40px;} #section0 .calendar_wp {overflow: hidden;display: flex;width: calc(46.6% - 50px);margin-top: 75px;margin-left: 50px;padding: 40px 45px 30px;background-image: url(../img/bg_m_calendar.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;border-radius: 40px;} #section0 p.title {margin-bottom: 20px;font-size: 26px;font-weight: 600;color: var(--mainColor);} #section0 .calendar_wp #mCalendar {width: 54%;} #section0 .calendar_wp #mCalendar .calendar {position: relative;/*overflow-y: auto;*/} #section0 .calendar_wp #mCalendar .calendar_left {display: flex;align-items: center;margin-bottom: 10px;} #section0 .calendar_wp #mCalendar .calendar_left > a {width: 30px;height: 30px;text-indent: -9999px;background-repeat: no-repeat;} #section0 .calendar_wp #mCalendar .calendar_left > a.calendar_prev {background-image: url(../img/arrow_m_b_prev.png);background-position: 0 50%;} #section0 .calendar_wp #mCalendar .calendar_left > a.calendar_next {background-image: url(../img/arrow_m_b_next.png);background-position: 100% 50%;} #section0 .calendar_wp #mCalendar .calendar_left > div {margin: 0 10px;font-size: 20px;font-weight: 600;color: var(--colorBlack);} #section0 .calendar_wp #mCalendar .day {} #section0 .calendar_wp #mCalendar .day table {width: 100%;text-align: center;font-size: 15px;font-weight: 500;} #section0 .calendar_wp #mCalendar .day table thead th {font-weight: 500;} #section0 .calendar_wp #mCalendar .day table tbody td span {overflow: hidden;display: block;padding: 1px 0;border-radius: 15px;} #section0 .calendar_wp #mCalendar .day table tbody td.holiday span {display: block;height: 100%;padding: 2px 0;background-color: #d33c34;color: #fff;} #section0 .calendar_wp #mCalendar .day .cal_more {position: absolute;top: 0;right: 0;width: 30px;height: 30px;background-image: url(../img/ico_m_b_plus.png);background-repeat: no-repeat;background-position: 100% 50%;text-indent: -9999px;} #section0 .calendar_wp .use_time {width: calc(46% - 40px);margin-left: 40px;} #section0 .calendar_wp .use_time dl + dl {margin-top: 25px;} #section0 .calendar_wp .use_time dl dt {margin-bottom: 10px;} #section0 .calendar_wp .use_time dl dt > span {display: inline-block;padding: 7px 20px;font-size: 16px;font-weight: 500;background-color: #fff;border-radius: 20px;} #section0 .calendar_wp .use_time dl dd li {position: relative;z-index: 0;font-size: 16px;font-weight: 500;} #section0 .calendar_wp .use_time dl dd li::before {content: '-';display: inline-block;margin-right: 3px;} #section0 .v_direct_wp {max-width: 1440px;width: 90%;margin: 0 auto;padding: 90px 0 0;} #section0 .v_direct_wp > div {display: flex;} #section0 .v_direct_wp > div > a {width: calc(100% / 6);text-align: center;font-size: 16px;font-weight: 500;} #section0 .v_direct_wp > div > a::before {content: '';display: block;height: 80px;background-repeat: no-repeat;background-position: 50% 50%;} #section0 .v_direct_wp > div > a.direct1::before {background-image: url(../img/ico_m_direct1.png);} #section0 .v_direct_wp > div > a.direct2::before {background-image: url(../img/ico_m_direct2.png);} #section0 .v_direct_wp > div > a.direct3::before {background-image: url(../img/ico_m_direct3.png);} #section0 .v_direct_wp > div > a.direct4::before {background-image: url(../img/ico_m_direct4.png);} #section0 .v_direct_wp > div > a.direct5::before {background-image: url(../img/ico_m_direct5.png);} #section0 .v_direct_wp > div > a.direct6::before {background-image: url(../img/ico_m_direct6.png);} /**/ #section1 {overflow: hidden;position: relative;z-index: 0;width: 100%;} #section1::before {content: '';overflow: hidden;position: absolute;top: 140px;right: -15%;width: 500px;height: 500px;border-radius: 50%;background-image: url(../img/bg_section1.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;} #section1 .section_inner {display: flex;flex-wrap: wrap;justify-content: space-between;} #section1 .notice_wp {position: relative;width: 50%;} #section1 .notice_wp .notice_list > li + li {margin-top: 10px;} #section1 .notice_wp .notice_list > li > a {overflow: hidden;display: block;font-size: 18px;font-weight: 400;color: #000;text-overflow: ellipsis;white-space: nowrap;} #section1 .notice_wp .notice_list > li > span.time {display: block;margin-top: 3px;font-size: 16px;font-weight: 400;color: #757575;} #section1 .notice_wp .m_more {position: absolute;top: 0;right: 0;} #section1 .recom_wp {position: relative;width: 46.6%;padding-left: 50px;} #section1 .recom_wp .controls {position: absolute;top: -6px;right: 0;} #section1 .recom_wp .slider li {display: flex;align-items: center;} #section1 .recom_wp .slider li .img {width: 210px;height: 300px;} #section1 .recom_wp .slider li .img > a {display: block;height: 100%;} #section1 .recom_wp .slider li .img img {max-width: 100%;max-height: 100%;border: 1px solid #f0f0f0;} #section1 .recom_wp .slider li .con {width: calc(100% - 210px);padding-left: 45px;} #section1 .recom_wp .slider li .con .title a {display: block;font-size: 22px;font-weight: 500;color: #000;} #section1 .recom_wp .slider li .con span.write {display: block;margin-top: 10px;font-size: 16px;color: #656565;} #section1 .recom_wp .slider li .con .summary {overflow: hidden;display: -webkit-box;height: 6em;margin-top: 30px;font-size: 16px;line-height: 1.5em;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} #section1 .culture_wp {position: relative;width: 100%;margin-top: 70px;} #section1 .culture_wp .controls {position: absolute;top: -6px;right: 0;} #section1 .culture_wp #slickWp {overflow: hidden;width: 100%;} #section1 .culture_wp .slider {margin: 0 -20px;padding-top: 20px;} #section1 .culture_wp .slider li {padding: 40px 50px;margin: 0 20px;background-color: #ebf1f6;border-radius: 40px;} #section1 .culture_wp .slick-track {margin: 0 0;} #section1 #slickWp .slick-list li .state > span {display: inline-block;padding: 10px 25px;font-size: 16px;font-weight: 500;line-height: 1;border-radius: 20px;} #section1 #slickWp .slick-list li .state > span.ing {background-color: #db2853;color: #fff;} #section1 #slickWp .slick-list li .state > span.end {border: 1px solid #757575;color: #757575;} #section1 #slickWp .slick-list li .state > span.wait {background-color: #087e3a;color: #fff;} #section1 #slickWp .slick-list li .state > span.add {background-color: #ffb400;color: #000;} #section1 #slickWp .slick-list li p.title {margin: 20px 0 15px;} #section1 #slickWp .slick-list li p.title a {overflow: hidden;font-size: 22px;font-weight: 500;color: #000;line-height: 1.4em;} #section1 #slickWp .slick-list li .condition > span {display: block;font-size: 16px;color: #757575;} #section1 #slickWp .slick-list li .condition > span + span {margin-top: 3px;} #section1 #slickWp .slick-list li .more {display: block;margin-top: 30px;padding: 17px;text-align: center;font-size: 16px;font-weight: 500;line-height: 1;background-color: #fff;color: #0e7f70;border-radius: 60px;} #section1 #slickWp .slick-list li .more.end {border-width: 0;background-color: #f0f0f0;color: #757575;} /**/ #section2 {background-color: #f2f8fd;} #section2 .section_inner {position: relative;} #section2 .book_tabs {margin-bottom: 50px;} #section2 .book_tabs > h3 {display: inline-block;margin-bottom: 0;} #section2 .book_tabs > h3 + h3 {margin-left: 40px;} #section2 .book_tabs > h3 > a {display: block;} #section2 .book_tabs > h3 > a.tab_on {color: var(--subColor);border-bottom: 3px solid var(--subColor);} #section2 .book_content > div {display: none;} #section2 .book_content > div.tab_on {display: block;} #section2 .book_content > div > ul {display: flex;justify-content: space-between;} #section2 .book_content > div > ul > li {max-width: 15%;flex-grow: 1;} #section2 .book_content > div > ul > li img {max-width: 100%;height: 300px;} #section2 .book_content > div > ul > li .con {margin-top: 35px;} #section2 .book_content > div > ul > li .con p.title > a {overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;font-size: 20px;color: #333;} #section2 .book_content > div > ul > li .con > span {display: block;margin-top: 7px;font-size: 16px;color: #656565;} #section2 .book_content a.m_more {position: absolute;top: 6px;right: 0;width: 25px;height: 25px;text-indent: -9999px;} /**/ #section3 {padding: 40px 0;} #section3 .section_inner {padding: 10px 0;} #section3 .banner {position: relative;} #section3 .banner .banner_title {position: absolute;top: 50%;left: 0;display: flex;align-items: center;transform: translateY(-50%);} #section3 .banner .banner_title h3 {margin: 0 10px 0 0;font-size: 20px;font-weight: 700;color: #000;} #section3 .banner .banner_title .controls .slick-arrow {width: 20px;height: 20px;border-radius: 3px;margin: 0 1px;vertical-align: middle;background-repeat: no-repeat;background-position: 50% 50%;} #section3 .banner .banner_title .controls .slick-prev {background-image: url(../img/arrow_banner_prev.png);} #section3 .banner .banner_title .controls .slick-next {background-image: url(../img/arrow_banner_next.png);} #section3 .banner .banner_title .controls .btn_control {display: inline-block;vertical-align: middle;} #section3 .banner .banner_title .controls .btn_control button {display: inline-block;width: 20px;height: 20px;border-radius: 3px;border: 1px solid #000;text-indent: -9999px;vertical-align: middle;background-repeat: no-repeat;background-position: 50% 50%;} #section3 .banner .banner_title .controls .btn_control button.stop {background-image: url(../img/ico_banner_stop.gif);} #section3 .banner .banner_title .controls .btn_control button.play {background-image: url(../img/ico_banner_play.png);} #section3 .banner #slickWp {padding-left: 200px;} #section3 .banner #slickWp .slick-slide img {max-height: 38px;} /**/ #foot_section {padding: 50px 0 60px;background-color: var(--colorNavy);} #foot_section .footer {position: relative;} #foot_section .f_info {margin-bottom: 40px;} #foot_section .f_info > a {display: inline-block;padding: 5px 35px 0 0;font-size: 16px;color: #ecf0f3;} #foot_section .f_info > a.privacy {color: #a1c7ff;} #foot_section .f_top {position: relative;margin-bottom: 20px;} #foot_section .f_top .logo {margin-bottom: 15px;} #foot_section address {font-size: 15px;color: #ecf0f3;font-style: normal;} #foot_section address > span {display: inline-block;margin-right: 25px;} #foot_section cite {display: block;padding-top: 7px;font-size: 15px;color: #ecf0f3;font-style: normal;} #gotop {position: absolute;top: 20px;right: 0;} #gotop a {display: block;width: 75px;height: 75px;border-radius: 75px;background-color: #133461;text-indent: -9999px;background-image: url(../img/ico_gotop.png);background-repeat: no-repeat;background-position: 50% 50%;} #mCard {display: none;} /**/ #contain {overflow: hidden;position: relative;width: 100%;} #contain .contain {display: flex;max-width: 1440px;margin: 60px auto 100px;} /*#contain .contain {margin: 30px auto 0;max-width:1560px;overflow: hidden;position:relative;} #contain + #footer .contact {display:none;}*/ /* 서브비주얼 */ #contain #subVisual {width: 100%;} #contain #subVisual .sub_visual .visual_wp {width: 100%;height: 300px;padding-top: 100px;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;background-image: url(../img/bg_sub_visual.jpg?v=1);} #contain #subVisual .sub_visual .visual {max-width: 1440px;margin: 0 auto;height: 100%;background-image: url(../img/ico_sub_visual.png?v=1);background-repeat: no-repeat;background-position: 100% 15px;background-size: auto 150%;} #contain #subVisual .sub_visual .visual .visual_top {display: table;width: 100%;height: 100%;} #contain #subVisual .sub_visual .visual .visual_top > div {display: table-cell;vertical-align: middle;} #contain #subVisual .sub_visual .visual .visual_top h2 {margin-bottom: 10px;font-size: 36px;font-weight: 500;color: #000;} #contain #subVisual .sub_visual .visual .visual_top p {font-size: 18px;font-weight: 300;color: #000;} #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: 88px;right: -14%;width: 923px;height: 526px;background-image: url(../img/bg_sub_contents.png);background-repeat: no-repeat;background-position: 50% 50%;}*/ #contain #subTitle {padding: 30px 0;background-color: var(--mainColor);text-align: center;} #contain #subTitle h3 {margin-bottom: 0;font-size: 40px;font-weight: 700;color: #fff;} #contain #subTitle .locator > ul > li {display: inline-block;vertical-align: middle;} #contain #subTitle .locator > ul > li a, #contain #subTitle .locator > ul > li span, #contain #subTitle .locator > ul > li button {display: block;font-size: 15px;font-weight: 400;color: #fff;font-family: inherit;background-color: transparent;} #contain #subTitle .locator > ul > li button::before, #contain #subTitle .locator > ul > li span::before {content: '>';display: inline-block;width: 20px;vertical-align: top;text-align: center;font-size: inherit;font-family: inherit;} #contain #subTitle .locator .navi {display: none;} /**/ #aside {width: 280px;margin: 0 40px 0 0;} #aside h2 {display: table;width: 100%;height: 170px;padding: 0 10px;text-align: center;background-color: #00a54c;} #aside h2 > span {display: table-cell;font-size: 28px;font-weight: 400;color:#fff;vertical-align: middle;} #aside ul.left_menu > li {} #aside ul.left_menu > li > a {position: relative;z-index: 0;display:block;padding: 0 0 0 15px;font-size: 19px;font-weight: 500;color:#000;transition:all 0.3s;border-radius: 0 30px 30px 0} #aside ul.left_menu > li + li > a {margin-top: 15px;} #aside ul.left_menu > li > a:hover {color: var(--mainColor);text-decoration: underline;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;}*/ #aside ul.left_menu > li.sel {background-color: #f4f4f4;border-radius: 0 30px 30px 0;} #aside ul.left_menu > li.sel > a::after {content: '';display: inline-block;width: 16px;height: 16px;margin-left: 15px;background-image: url(../img/ico_left_on.png?v=1);background-repeat: no-repeat;background-position: 50% 50%;} #aside ul.left_menu > li.sel > a {padding: 15px 20px;background-color: var(--subColor);color: #fff;} /*#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;} #aside ul.left_menu > li.sel ul {display: block;padding: 40px 20px 15px 20px;margin-top: -20px;border-left: 5px solid var(--subColor);} #aside ul.left_menu > li li a {display: block;font-size: 16px; height:auto;margin: 0;color: #333;font-weight: 500;} #aside ul.left_menu > li li + li {margin-top: 6px;} #aside ul.left_menu > li li:last-child a{border:0} #aside ul.left_menu > li li a:hover {text-decoration: underline;} #aside ul.left_menu > li li a.sel {color: var(--mainColor);} #aside ul.left_menu > li li a.sel::after {content: '→';display: inline-block;font-size: 20px;line-height: 1;margin-left: 10px;vertical-align: top;} /* #design */ #design {position: relative;float: left;width: calc(100% - 370px);min-height: 650px;font-family: var(--fontSubSet);} #blind{position:absolute;z-index:99998;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7)} #dkleft{display:none;} @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 - 841 ~ 1749 */ @media (max-width: 1749px) and (min-width: 841px) { /* 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 {box-sizing: border-box;background:#fff;} #header.header_active {background-color: var(--colorNavy);} #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;height: 50px;padding: 7px 0;/*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 h1 a img {height: 40px;} /*#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%;flex: 1 1 auto;} #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: 12.5%;padding: 0;} #gnb .depth1 > li > a {overflow: hidden;display:block;height: 60px;margin: 0;padding: 0;line-height: 60px;font-size: 19px;font-weight: 500;color: var(--colorDarygray);text-overflow: ellipsis;white-space: nowrap;} #header.header_active #gnb .depth1 > li > a, #header.bg_white #gnb .depth1 > li > a {color: #fff;} #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: var(--mainColor);font-weight: 500;text-decoration: underline;} #header #gnb .depth1 > li:hover > a, #header #gnb .depth1 > li > a:hover {color: var(--colorBlue);} #header.header_active #gnb .depth1 > li.sel > a {color: var(--colorBlue);} #gnb .depth2 {display:none;overflow:hidden;position:absolute;top: 110px;left: 0;z-index: 10;width: 100%;padding: 10px 0 30px;box-sizing: border-box;text-align:center;} #gnb .depth2 li {float: left;width: calc(33.33333% - 10px);margin: 5px;} #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: 16px;color:#fff;font-weight: 500;border: 1px solid rgba(255,255,255,0.3);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: #fff;color: var(--mainColor);border-width: 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: var(--colorDarkgray);} #header.header_active .etc_btn > ul > li > a, #header.bg_white .etc_btn > ul > li > a {color: #fff;} /*#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}*/ } /* 841 ~ 1439 */ @media all and (min-width: 841px) and (max-width: 1439px) { #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;} /**/ #mainCon {width: 100%;} .section {padding: 60px 0 70px;} .section_inner {width: 96%;margin: 0 auto;} .section h3 {margin-bottom: 25px;font-size: 26px;font-weight: 600;color: #000;} .section h3.white {color: #fff;} .section h4 {font-size: 21px;font-weight: 500;color: var(--mainColor);} .section .sub_title {font-size: 17px;font-weight: 500;color: #757575;} /**/ .section .kind.lib1 {background-color: var(--mainColor);color: var(--colorWhite);} .section .kind.lib2 {background-color: var(--libColor2);color: var(--colorWhite);} .section .kind.lib3 {background-color: var(--libColor3);color: var(--colorWhite);} .section .m_more {display: inline-block;width: 40px;height: 40px;background-image: url(../img/ico_m_more.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;} .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.slider_ctrl {display: flex;align-items: center;} .section .controls.slider_ctrl .slider_pos {display: inline-block;} .section .controls.slider_ctrl .slider_btn {overflow: hidden;width: 40px;height: 55px;text-indent: -9999px;} .section .controls.slider_ctrl .slider_btn.stop {background-image: url(../img/ico_m_stop.png);background-repeat: no-repeat;background-position: 100% 50%;} .section .controls.slider_ctrl .slider_btn.play {background-image: url(../img/ico_m_play.png);background-repeat: no-repeat;background-position: 100% 50%;} .section .controls.slider_ctrl .m_more {margin-left: 30px;} .section .controls .slick-arrow {overflow: hidden;width: 55px;height: 55px;border-radius: 50%;border-width: 1px;border-style: solid;border-color: rgba(0,0,0,0.1);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;vertical-align: middle;} .section .controls .slick-prev {margin-right: 15px;background-image: url(../img/arrow_b_prev.png);} .section .controls .slick-next {margin-left: 15px;background-image: url(../img/arrow_b_next.png);} .section .controls.white .slick-arrow {border-color: #fff;} .section .controls.white .slick-prev {background-image: url(../img/arrow_w_prev.png);} .section .controls.white .slick-next {background-image: url(../img/arrow_w_next.png);} .section .controls .slider_dots {display: inline-block;vertical-align: middle;} .section .controls .slider_dots ul li {display: none;} .section .controls .slider_dots ul li.slick-active {display: block;} /* 메인비주얼 */ #section0 {position: relative;z-index: 0;padding-top: 100px;background-image: url(../img/bg_m_visual.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;} #section0 .visual_wp {position: relative;z-index: 0;display: flex;width: 96%;margin: 0 auto;padding: 60px 0 15px;align-items: center;} #section0::before {content: '';position: absolute;top: 100px;left: -55%;z-index: -1;width: 800px;height: 800px;border-radius: 50%;background-color: #83b8ff;opacity: 0.3;} #section0 .visual_wp .slogan_wp {width: 53.4%;font-size: 22px;font-weight: 400;color: var(--colorBlack);} #section0 .visual_wp .slogan_wp .m_slogan {margin-bottom: 20px;font-size: 50px;font-weight: 400;line-height: 1.2em;} #section0 .visual_wp .slogan_wp .m_slogan .tit {display: block;font-weight: 600;line-height: 1.2em;} #section0 .search_wp {position: relative;width: 46.6%;padding-left: 50px;} #section0 .search_wp h3 {margin-bottom: 0;} #section0 .search_wp form fieldset {} #section0 .search_wp form .title {padding: 10px 0 5px 45px;margin-bottom: 10px;font-size: 19px;font-weight: 500;background-image: url(../img/ico_m_search_title.png);background-repeat: no-repeat;background-position: 0 0;color: #000;} #section0 .search_wp form .input_wp {position: relative;display: flex;padding: 15px 20px 15px 40px;align-items: center;justify-content: space-between;height: 72px;background-color: #163e75;font-size: 0;border-radius: 70px;} #section0 .search_wp form .input_wp::before, #section0 .search_wp form .input_wp::after {content: '';position: absolute;background-repeat: no-repeat;} #section0 .search_wp form .input_wp::before {bottom: 0;right: 0;z-index: -1;width: 270px;height: 150px;background-image: url(../img/ico_m_search1.png);} #section0 .search_wp form .input_wp::after {bottom: -13px;right: 0;z-index: 1;overflow: hidden;width: 270px;height: 150px;background-image: url(../img/ico_m_search2.png);} #section0 .search_wp form .input_wp input[type="text"] {width: 65%;height: 100%;font-size: 18px;font-weight: 300;background-color: transparent;border: 0;color: #fff;vertical-align: top;} #section0 .search_wp form .input_wp input[type="text"]::placeholder {color: rgba(255,255,255,0.7);} #section0 .search_wp form .btn_search {position: relative;z-index: 3;margin-left: 15px;padding: 7px 20px;font-size: 15px;color: #fff;background-color: rgba(54,232,200,0.6);border-radius: 50px;} #section0 .search_wp .search_word {overflow: hidden;margin: 20px 45px 0;font-size: 0;} #section0 .search_wp .search_word > a {display: inline-block;margin: 2px 25px 2px 0;font-size: 15px;font-weight: 400;} #section0 .v_note_wp {position: relative;display: flex;width: 96%;margin: 0 auto;flex-wrap: wrap;} #section0 .zone_wp {position: relative;width: 53.4%;padding-top: 60px;} #section0 .zone_wp #slickWp .controls {position: absolute;top: 0;right: 0;} #section0 .zone_wp #slickWp .slider {overflow: hidden;border-radius: 40px;} #section0 .calendar_wp {overflow: hidden;display: block;width: calc(46.6% - 50px);margin-top: 75px;margin-left: 50px;padding: 40px 45px 30px;background-image: url(../img/bg_m_calendar.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;border-radius: 40px;} #section0 p.title {margin-bottom: 20px;font-size: 26px;font-weight: 600;color: var(--mainColor);} #section0 .calendar_wp #mCalendar {width: 100%;} #section0 .calendar_wp #mCalendar .calendar {position: relative;/*overflow-y: auto;*/} #section0 .calendar_wp #mCalendar .calendar_left {display: flex;align-items: center;margin-bottom: 10px;} #section0 .calendar_wp #mCalendar .calendar_left > a {width: 30px;height: 30px;text-indent: -9999px;background-repeat: no-repeat;} #section0 .calendar_wp #mCalendar .calendar_left > a.calendar_prev {background-image: url(../img/arrow_m_b_prev.png);background-position: 0 50%;} #section0 .calendar_wp #mCalendar .calendar_left > a.calendar_next {background-image: url(../img/arrow_m_b_next.png);background-position: 100% 50%;} #section0 .calendar_wp #mCalendar .calendar_left > div {margin: 0 10px;font-size: 20px;font-weight: 600;color: var(--colorBlack);} #section0 .calendar_wp #mCalendar .day {} #section0 .calendar_wp #mCalendar .day table {width: 100%;text-align: center;font-size: 15px;font-weight: 500;} #section0 .calendar_wp #mCalendar .day table thead th {font-weight: 500;} #section0 .calendar_wp #mCalendar .day table tbody td span {overflow: hidden;display: block;padding: 1px 0;border-radius: 15px;} #section0 .calendar_wp #mCalendar .day table tbody td.holiday span {display: block;height: 100%;padding: 2px 0;background-color: #d33c34;color: #fff;} #section0 .calendar_wp #mCalendar .day .cal_more {position: absolute;top: 0;right: 0;width: 30px;height: 30px;background-image: url(../img/ico_m_b_plus.png);background-repeat: no-repeat;background-position: 100% 50%;text-indent: -9999px;} #section0 .calendar_wp .use_time {width: 100%;margin: 30px 0 0;} #section0 .calendar_wp .use_time dl + dl {margin-top: 25px;} #section0 .calendar_wp .use_time dl dt {margin-bottom: 10px;} #section0 .calendar_wp .use_time dl dt > span {display: inline-block;padding: 7px 20px;font-size: 16px;font-weight: 500;background-color: #fff;border-radius: 20px;} #section0 .calendar_wp .use_time dl dd li {position: relative;z-index: 0;font-size: 16px;font-weight: 500;} #section0 .calendar_wp .use_time dl dd li::before {content: '-';display: inline-block;margin-right: 3px;} #section0 .v_direct_wp {position: absolute;bottom: 0;left: 0;width: 50%;padding: 20px 0 10px;} #section0 .v_direct_wp > div {display: flex;flex-wrap: wrap;} #section0 .v_direct_wp > div > a {width: calc(100% / 3);padding: 15px 0;text-align: center;font-size: 16px;font-weight: 500;} #section0 .v_direct_wp > div > a::before {content: '';display: block;height: 80px;background-repeat: no-repeat;background-position: 50% 50%;} #section0 .v_direct_wp > div > a.direct1::before {background-image: url(../img/ico_m_direct1.png);} #section0 .v_direct_wp > div > a.direct2::before {background-image: url(../img/ico_m_direct2.png);} #section0 .v_direct_wp > div > a.direct3::before {background-image: url(../img/ico_m_direct3.png);} #section0 .v_direct_wp > div > a.direct4::before {background-image: url(../img/ico_m_direct4.png);} #section0 .v_direct_wp > div > a.direct5::before {background-image: url(../img/ico_m_direct5.png);} #section0 .v_direct_wp > div > a.direct6::before {background-image: url(../img/ico_m_direct6.png);} /**/ #section1 {overflow: hidden;position: relative;z-index: 0;width: 100%;} #section1::before {content: '';overflow: hidden;position: absolute;top: 100px;right: -15%;width: 450px;height: 450px;border-radius: 50%;background-image: url(../img/bg_section1.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;} #section1 .section_inner {display: flex;flex-wrap: wrap;justify-content: space-between;} #section1 .notice_wp {position: relative;width: 50%;} #section1 .notice_wp .notice_list > li + li {margin-top: 10px;} #section1 .notice_wp .notice_list > li > a {overflow: hidden;display: block;font-size: 17px;font-weight: 400;color: #000;text-overflow: ellipsis;white-space: nowrap;} #section1 .notice_wp .notice_list > li > span.time {display: block;margin-top: 3px;font-size: 15px;font-weight: 400;color: #757575;} #section1 .notice_wp .m_more {position: absolute;top: 0;right: 0;} #section1 .recom_wp {position: relative;width: 46.6%;padding-left: 50px;} #section1 .recom_wp .controls {position: absolute;top: -6px;right: 0;} #section1 .recom_wp .slider li {display: flex;align-items: center;} #section1 .recom_wp .slider li .img {width: 180px;height: 250px;} #section1 .recom_wp .slider li .img > a {display: block;height: 100%;} #section1 .recom_wp .slider li .img img {max-width: 100%;max-height: 100%;border: 1px solid #f0f0f0;} #section1 .recom_wp .slider li .con {width: calc(100% - 180px);padding-left: 30px;} #section1 .recom_wp .slider li .con .title a {display: block;font-size: 22px;font-weight: 500;color: #000;} #section1 .recom_wp .slider li .con span.write {display: block;margin-top: 10px;font-size: 16px;color: #656565;} #section1 .recom_wp .slider li .con .summary {overflow: hidden;display: -webkit-box;height: 6em;margin-top: 30px;font-size: 16px;line-height: 1.5em;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} #section1 .culture_wp {position: relative;width: 100%;margin-top: 70px;} #section1 .culture_wp #slickWp {overflow: hidden;width: 100%;} #section1 .culture_wp .controls {position: absolute;top: -6px;right: 0;} #section1 .culture_wp .slider {margin: 0 -20px;padding-top: 20px;} #section1 .culture_wp .slider li {padding: 40px 50px;margin: 0 20px;background-color: #ebf1f6;border-radius: 40px;} #section1 .culture_wp .slick-track {margin: 0 0;} #section1 #slickWp .slick-list li .state > span {display: inline-block;padding: 10px 25px;font-size: 16px;font-weight: 500;line-height: 1;border-radius: 20px;} #section1 #slickWp .slick-list li .state > span.ing {background-color: #db2853;color: #fff;} #section1 #slickWp .slick-list li .state > span.end {border: 1px solid #757575;color: #757575;} #section1 #slickWp .slick-list li .state > span.wait {background-color: #087e3a;color: #fff;} #section1 #slickWp .slick-list li .state > span.add {background-color: #ffb400;color: #000;} #section1 #slickWp .slick-list li p.title {margin: 20px 0 15px;} #section1 #slickWp .slick-list li p.title a {overflow: hidden;font-size: 22px;font-weight: 500;color: #000;line-height: 1.4em;} #section1 #slickWp .slick-list li .condition > span {display: block;font-size: 16px;color: #757575;} #section1 #slickWp .slick-list li .condition > span + span {margin-top: 3px;} #section1 #slickWp .slick-list li .more {display: block;margin-top: 30px;padding: 17px;text-align: center;font-size: 16px;font-weight: 500;line-height: 1;background-color: #fff;color: #0e7f70;border-radius: 60px;} #section1 #slickWp .slick-list li .more.end {border-width: 0;background-color: #f0f0f0;color: #757575;} /**/ #section2 {background-color: #f2f8fd;} #section2 .section_inner {position: relative;} #section2 .book_tabs {margin-bottom: 50px;} #section2 .book_tabs > h3 {display: inline-block;margin-bottom: 0;} #section2 .book_tabs > h3 + h3 {margin-left: 40px;} #section2 .book_tabs > h3 > a {display: block;} #section2 .book_tabs > h3 > a.tab_on {color: var(--subColor);border-bottom: 3px solid var(--subColor);} #section2 .book_content > div {display: none;} #section2 .book_content > div.tab_on {display: block;} #section2 .book_content > div > ul {display: flex;justify-content: space-between;} #section2 .book_content > div > ul > li {max-width: 18%;flex-grow: 1;} #section2 .book_content > div > ul > li img {max-width: 100%;height: 240px;} #section2 .book_content > div > ul > li .con {margin-top: 30px;} #section2 .book_content > div > ul > li .con p.title > a {overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;color: #333;} #section2 .book_content > div > ul > li .con > span {display: block;margin-top: 7px;font-size: 16px;color: #656565;} #section2 .book_content a.m_more {position: absolute;top: 6px;right: 0;width: 25px;height: 25px;text-indent: -9999px;} /**/ #section3 {padding: 40px 0;} #section3 .section_inner {padding: 10px 0;} #section3 .banner {position: relative;} #section3 .banner .banner_title {position: absolute;top: 50%;left: 0;display: flex;align-items: center;transform: translateY(-50%);} #section3 .banner .banner_title h3 {margin: 0 10px 0 0;font-size: 20px;font-weight: 700;color: #000;} #section3 .banner .banner_title .controls .slick-arrow {width: 20px;height: 20px;border-radius: 3px;margin: 0 1px;vertical-align: middle;background-repeat: no-repeat;background-position: 50% 50%;} #section3 .banner .banner_title .controls .slick-prev {background-image: url(../img/arrow_banner_prev.png);} #section3 .banner .banner_title .controls .slick-next {background-image: url(../img/arrow_banner_next.png);} #section3 .banner .banner_title .controls .btn_control {display: inline-block;vertical-align: middle;} #section3 .banner .banner_title .controls .btn_control button {display: inline-block;width: 20px;height: 20px;border-radius: 3px;border: 1px solid #000;text-indent: -9999px;vertical-align: middle;background-repeat: no-repeat;background-position: 50% 50%;} #section3 .banner .banner_title .controls .btn_control button.stop {background-image: url(../img/ico_banner_stop.gif);} #section3 .banner .banner_title .controls .btn_control button.play {background-image: url(../img/ico_banner_play.png);} #section3 .banner #slickWp {padding-left: 200px;} #section3 .banner #slickWp .slick-slide img {max-height: 38px;} /**/ #foot_section {padding: 50px 0 60px;background-color: var(--colorNavy);} #foot_section .footer {position: relative;} #foot_section .f_info {margin-bottom: 40px;} #foot_section .f_info > a {display: inline-block;padding: 5px 35px 0 0;font-size: 16px;color: #ecf0f3;} #foot_section .f_info > a.privacy {color: #a1c7ff;} #foot_section .f_top {position: relative;margin-bottom: 20px;} #foot_section .f_top .logo {margin-bottom: 15px;} #foot_section address {font-size: 15px;color: #ecf0f3;font-style: normal;} #foot_section address > span {display: inline-block;margin-right: 25px;} #foot_section cite {display: block;padding-top: 7px;font-size: 15px;color: #ecf0f3;font-style: normal;} #gotop {position: absolute;top: 20px;right: 0;} #gotop a {display: block;width: 75px;height: 75px;border-radius: 75px;background-color: #133461;text-indent: -9999px;background-image: url(../img/ico_gotop.png);background-repeat: no-repeat;background-position: 50% 50%;} #mCard {display: none;} /**/ #contain {overflow: hidden;position: relative;width: 100%;} #contain .contain {width: 94%;margin: 50px auto 80px;} #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%;} #contain #subVisual .sub_visual .visual_wp {width: 100%;height: 300px;padding-top: 100px;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;background-image: url(../img/bg_sub_visual.jpg?v=1);} #contain #subVisual .sub_visual .visual {width: 94%;margin: 0 auto;height: 100%;background-image: url(../img/ico_sub_visual.png?v=1);background-repeat: no-repeat;background-position: 100% 20px;background-size: auto 150%;} #contain #subVisual .sub_visual .visual .visual_top {display: table;width: 100%;height: 100%;} #contain #subVisual .sub_visual .visual .visual_top > div {display: table-cell;vertical-align: middle;} #contain #subVisual .sub_visual .visual .visual_top h2 {margin-bottom: 10px;font-size: 34px;font-weight: 500;color: #000;} #contain #subVisual .sub_visual .visual .visual_top p {font-size: 18px;font-weight: 300;color: #000;} #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: 88px;right: -14%;width: 923px;height: 526px;background-image: url(../img/bg_sub_contents.png);background-repeat: no-repeat;background-position: 50% 50%;}*/ #contain #subTitle {padding: 30px 0;background-color: var(--mainColor);text-align: center;} #contain #subTitle h3 {margin-bottom: 0;font-size: 36px;font-weight: 700;color: #fff;} #contain #subTitle .locator > ul > li {display: inline-block;vertical-align: middle;} #contain #subTitle .locator > ul > li a, #contain #subTitle .locator > ul > li span, #contain #subTitle .locator > ul > li button {display: block;font-size: 15px;font-weight: 400;color: #fff;font-family: inherit;background-color: transparent;} #contain #subTitle .locator > ul > li button::before, #contain #subTitle .locator > ul > li span::before {content: '>';display: inline-block;width: 20px;vertical-align: top;text-align: center;font-size: inherit;font-family: inherit;} #contain #subTitle .locator .navi {display: none;} /* #design */ #design {position: relative;float: left;width: calc(100% - 250px);min-height: 650px;font-family: var(--fontSubSet);} /**/ #aside {float: left;width: 200px;margin: 0 50px 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 {} #aside ul.left_menu > li > a {position: relative;z-index: 0;display:block;padding: 0 0 0 15px;font-size: 18px;font-weight: 500;color:#000;transition:all 0.3s;} #aside ul.left_menu > li + li > a {margin-top: 10px;} #aside ul.left_menu > li > a:hover {text-decoration: underline;} #aside ul.left_menu > li.sel {background-color: #f4f4f4;border-radius: 0 30px 30px 0;} #aside ul.left_menu > li.sel > a {padding: 12px 15px;background-color: var(--subColor);color: #fff;border-radius: 0 30px 30px 0;} #aside ul.left_menu > li.sel > a::after {content: '';display: inline-block;width: 16px;height: 16px;margin-left: 15px;background-image: url(../img/ico_left_on.png?v=1);background-repeat: no-repeat;background-position: 50% 50%;} /*#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{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 ul {display: none;padding: 12px 15px;border-left: 4px solid var(--subColor);} #aside ul.left_menu > li.sel ul {display: block;} #aside ul.left_menu > li li a {display: block;font-size: 16px;font-weight: 500;height:auto;margin: 0;color: #333;} #aside ul.left_menu > li li + li {margin-top: 10px;} #aside ul.left_menu > li li:last-child a{border:0} #aside ul.left_menu > li li a:hover {text-decoration: underline;} #aside ul.left_menu > li li a.sel {color: var(--mainColor);} #aside ul.left_menu > li li a.sel::after {content: '→';display: inline-block;font-size: 20px;line-height: 1em;margin-left: 10px;vertical-align: top;} /* #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}*/ /**/ #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 (min-width: 841px) and (max-width: 1099px) { /* 메인비주얼 */ #section0 {position: relative;z-index: 0;padding-top: 100px;background-image: url(../img/bg_m_visual.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;} #section0 .visual_wp {position: relative;display: block;width: 96%;margin: 0 auto;padding: 60px 0 15px;align-items: center;text-align: center;} #section0 .visual_wp .slogan_wp {width: 100%;font-size: 21px;font-weight: 400;color: var(--colorBlack);} #section0 .visual_wp .slogan_wp .m_slogan {margin-bottom: 20px;font-size: 40px;font-weight: 400;line-height: 1.2em;} #section0 .visual_wp .slogan_wp .m_slogan .tit {display: inline-block;font-weight: 600;line-height: 1.2em;} #section0 .search_wp {position: relative;width: 100%;padding-top: 30px;} #section0 .search_wp h3 {margin-bottom: 0;} #section0 .search_wp form fieldset {} #section0 .search_wp form .title {padding: 10px 0 5px 45px;margin-bottom: 10px;font-size: 19px;font-weight: 500;background-image: url(../img/ico_m_search_title.png);background-repeat: no-repeat;background-position: 0 0;text-align: left;} #section0 .search_wp form .input_wp {position: relative;display: flex;padding: 15px 20px 15px 40px;align-items: center;justify-content: space-between;height: 72px;background-color: #163e75;font-size: 0;border-radius: 70px;} #section0 .search_wp form .input_wp::before, #section0 .search_wp form .input_wp::after {content: '';position: absolute;background-repeat: no-repeat;} #section0 .search_wp form .input_wp::before {bottom: 0;right: 0;z-index: -1;width: 270px;height: 150px;background-image: url(../img/ico_m_search1.png);} #section0 .search_wp form .input_wp::after {bottom: -13px;right: 0;z-index: 1;overflow: hidden;width: 270px;height: 150px;background-image: url(../img/ico_m_search2.png);} #section0 .search_wp form .input_wp input[type="text"] {width: 65%;height: 100%;font-size: 18px;font-weight: 300;background-color: transparent;border: 0;color: #fff;vertical-align: top;} #section0 .search_wp form .input_wp input[type="text"]::placeholder {color: rgba(255,255,255,0.7);} #section0 .search_wp form .btn_search {position: relative;z-index: 3;margin-left: 15px;padding: 7px 20px;font-size: 15px;color: #fff;background-color: rgba(54,232,200,0.6);border-radius: 50px;} #section0 .search_wp .search_word {overflow: hidden;margin: 20px 45px 0;font-size: 0;} #section0 .search_wp .search_word > a {display: inline-block;margin: 2px 25px 2px 0;font-size: 15px;font-weight: 400;} #section0 .v_note_wp {position: relative;display: flex;width: 96%;margin: 0 auto;flex-wrap: wrap;} #section0 .zone_wp {position: relative;width: 53.4%;padding-top: 60px;} #section0 .zone_wp #slickWp .controls {position: absolute;top: 0;right: 0;} #section0 .zone_wp #slickWp .slider {overflow: hidden;border-radius: 40px;} #section0 .calendar_wp {overflow: hidden;display: block;width: calc(46.6% - 50px);margin-top: 75px;margin-left: 50px;padding: 40px 45px 30px;background-image: url(../img/bg_m_calendar.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;border-radius: 40px;} #section0 p.title {margin-bottom: 20px;font-size: 26px;font-weight: 600;color: var(--mainColor);} #section0 .calendar_wp #mCalendar {width: 100%;} #section0 .calendar_wp #mCalendar .calendar {position: relative;/*overflow-y: auto;*/} #section0 .calendar_wp #mCalendar .calendar_left {display: flex;align-items: center;margin-bottom: 10px;} #section0 .calendar_wp #mCalendar .calendar_left > a {width: 30px;height: 30px;text-indent: -9999px;background-repeat: no-repeat;} #section0 .calendar_wp #mCalendar .calendar_left > a.calendar_prev {background-image: url(../img/arrow_m_b_prev.png);background-position: 0 50%;} #section0 .calendar_wp #mCalendar .calendar_left > a.calendar_next {background-image: url(../img/arrow_m_b_next.png);background-position: 100% 50%;} #section0 .calendar_wp #mCalendar .calendar_left > div {margin: 0 10px;font-size: 20px;font-weight: 600;color: var(--colorBlack);} #section0 .calendar_wp #mCalendar .day {} #section0 .calendar_wp #mCalendar .day table {width: 100%;text-align: center;font-size: 15px;font-weight: 500;} #section0 .calendar_wp #mCalendar .day table thead th {font-weight: 500;} #section0 .calendar_wp #mCalendar .day table tbody td span {overflow: hidden;display: block;padding: 1px 0;border-radius: 15px;} #section0 .calendar_wp #mCalendar .day table tbody td.holiday span {display: block;height: 100%;padding: 2px 0;background-color: #d33c34;color: #fff;} #section0 .calendar_wp #mCalendar .day .cal_more {position: absolute;top: 0;right: 0;width: 30px;height: 30px;background-image: url(../img/ico_m_b_plus.png);background-repeat: no-repeat;background-position: 100% 50%;text-indent: -9999px;} #section0 .calendar_wp .use_time {width: 100%;margin: 30px 0 0;} #section0 .calendar_wp .use_time dl + dl {margin-top: 25px;} #section0 .calendar_wp .use_time dl dt {margin-bottom: 10px;} #section0 .calendar_wp .use_time dl dt > span {display: inline-block;padding: 7px 20px;font-size: 16px;font-weight: 500;background-color: #fff;border-radius: 20px;} #section0 .calendar_wp .use_time dl dd li {position: relative;z-index: 0;font-size: 16px;font-weight: 500;} #section0 .calendar_wp .use_time dl dd li::before {content: '-';display: inline-block;margin-right: 3px;} #section0 .v_direct_wp {position: absolute;bottom: 0;left: 0;width: 50%;padding: 20px 0 10px;} #section0 .v_direct_wp > div {display: flex;flex-wrap: wrap;} #section0 .v_direct_wp > div > a {width: calc(100% / 3);padding: 15px 0;text-align: center;font-size: 16px;font-weight: 500;} #section0 .v_direct_wp > div > a::before {content: '';display: block;height: 80px;background-repeat: no-repeat;background-position: 50% 50%;} #section0 .v_direct_wp > div > a.direct1::before {background-image: url(../img/ico_m_direct1.png);} #section0 .v_direct_wp > div > a.direct2::before {background-image: url(../img/ico_m_direct2.png);} #section0 .v_direct_wp > div > a.direct3::before {background-image: url(../img/ico_m_direct3.png);} #section0 .v_direct_wp > div > a.direct4::before {background-image: url(../img/ico_m_direct4.png);} #section0 .v_direct_wp > div > a.direct5::before {background-image: url(../img/ico_m_direct5.png);} #section0 .v_direct_wp > div > a.direct6::before {background-image: url(../img/ico_m_direct6.png);} /**/ #section1 .section_inner {display: block;} #section1 .notice_wp {position: relative;width: 100%;} #section1 .notice_wp .notice_list > li + li {margin-top: 10px;} #section1 .notice_wp .notice_list > li > a {overflow: hidden;display: block;font-size: 18px;font-weight: 400;color: #000;text-overflow: ellipsis;white-space: nowrap;} #section1 .notice_wp .notice_list > li > span.time {display: block;margin-top: 3px;font-size: 16px;font-weight: 400;color: #757575;} #section1 .notice_wp .m_more {position: absolute;top: 0;right: 0;} #section1 .recom_wp {position: relative;width: 100%;padding: 50px 0 0 0;} #section1 .recom_wp .controls {position: absolute;top: -6px;right: 0;} #section1 .recom_wp .slider li {display: flex;align-items: center;} #section1 .recom_wp .slider li .img {width: 180px;height: 250px;} #section1 .recom_wp .slider li .img > a {display: block;height: 100%;} #section1 .recom_wp .slider li .img img {max-width: 100%;max-height: 100%;border: 1px solid #f0f0f0;} #section1 .recom_wp .slider li .con {width: calc(100% - 180px);padding-left: 30px;} #section1 .recom_wp .slider li .con .title a {display: block;font-size: 20px;font-weight: 500;color: #000;} #section1 .recom_wp .slider li .con span.write {display: block;margin-top: 10px;font-size: 15px;color: #656565;} #section1 .recom_wp .slider li .con .summary {overflow: hidden;display: -webkit-box;height: 6em;margin-top: 25px;font-size: 15px;line-height: 1.5em;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} #section1 .culture_wp {position: relative;width: 100%;margin-top: 70px;} #section1 .culture_wp #slickWp {overflow: hidden;width: 100%;} #section1 .culture_wp .controls {position: absolute;top: -6px;right: 0;} #section1 .culture_wp .slider {margin: 0 -20px;padding-top: 20px;} #section1 .culture_wp .slider li {padding: 40px 50px;margin: 0 20px;background-color: #ebf1f6;border-radius: 40px;} #section1 .culture_wp .slick-track {margin: 0 0;} #section1 #slickWp .slick-list li .state > span {display: inline-block;padding: 10px 25px;font-size: 16px;font-weight: 500;line-height: 1;border-radius: 20px;} #section1 #slickWp .slick-list li .state > span.ing {background-color: #db2853;color: #fff;} #section1 #slickWp .slick-list li .state > span.end {border: 1px solid #757575;color: #757575;} #section1 #slickWp .slick-list li .state > span.wait {background-color: #087e3a;color: #fff;} #section1 #slickWp .slick-list li .state > span.add {background-color: #ffb400;color: #000;} #section1 #slickWp .slick-list li p.title {margin: 20px 0 15px;} #section1 #slickWp .slick-list li p.title a {overflow: hidden;font-size: 22px;font-weight: 500;color: #000;line-height: 1.4em;} #section1 #slickWp .slick-list li .condition > span {display: block;font-size: 16px;color: #757575;} #section1 #slickWp .slick-list li .condition > span + span {margin-top: 3px;} #section1 #slickWp .slick-list li .more {display: block;margin-top: 30px;padding: 17px;text-align: center;font-size: 16px;font-weight: 500;line-height: 1;background-color: #fff;color: #0e7f70;border-radius: 60px;} #section1 #slickWp .slick-list li .more.end {border-width: 0;background-color: #f0f0f0;color: #757575;} /**/ #section2 {background-color: #f2f8fd;} #section2 .section_inner {position: relative;} #section2 .book_tabs {margin-bottom: 50px;} #section2 .book_tabs > h3 {display: inline-block;margin-bottom: 0;} #section2 .book_tabs > h3 + h3 {margin-left: 40px;} #section2 .book_tabs > h3 > a {display: block;} #section2 .book_tabs > h3 > a.tab_on {color: var(--subColor);border-bottom: 3px solid var(--subColor);} #section2 .book_content > div {display: none;} #section2 .book_content > div.tab_on {display: block;} #section2 .book_content > div > ul {display: flex;justify-content: space-between;} #section2 .book_content > div > ul > li {max-width: 20%;flex-grow: 1;} #section2 .book_content > div > ul > li:nth-child(5) {display: none;} #section2 .book_content > div > ul > li img {max-width: 100%;height: 200px;} #section2 .book_content > div > ul > li .con {margin-top: 25px;} #section2 .book_content > div > ul > li .con p.title > a {overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;color: #333;} #section2 .book_content > div > ul > li .con > span {display: block;margin-top: 7px;font-size: 15px;color: #656565;} #section2 .book_content a.m_more {position: absolute;top: 6px;right: 0;width: 25px;height: 25px;text-indent: -9999px;} /**/ #section3 {padding: 40px 0;} #section3 .section_inner {padding: 10px 0;} #section3 .banner {position: relative;} #section3 .banner .banner_title {position: absolute;top: 50%;left: 0;display: flex;align-items: center;transform: translateY(-50%);} #section3 .banner .banner_title h3 {margin: 0 10px 0 0;font-size: 20px;font-weight: 700;color: #000;} #section3 .banner .banner_title .controls .slick-arrow {width: 20px;height: 20px;border-radius: 3px;margin: 0 1px;vertical-align: middle;background-repeat: no-repeat;background-position: 50% 50%;} #section3 .banner .banner_title .controls .slick-prev {background-image: url(../img/arrow_banner_prev.png);} #section3 .banner .banner_title .controls .slick-next {background-image: url(../img/arrow_banner_next.png);} #section3 .banner .banner_title .controls .btn_control {display: inline-block;vertical-align: middle;} #section3 .banner .banner_title .controls .btn_control button {display: inline-block;width: 20px;height: 20px;border-radius: 3px;border: 1px solid #000;text-indent: -9999px;vertical-align: middle;background-repeat: no-repeat;background-position: 50% 50%;} #section3 .banner .banner_title .controls .btn_control button.stop {background-image: url(../img/ico_banner_stop.gif);} #section3 .banner .banner_title .controls .btn_control button.play {background-image: url(../img/ico_banner_play.png);} #section3 .banner #slickWp {padding-left: 200px;} #section3 .banner #slickWp .slick-slide img {max-height: 38px;} } @media all and (max-width: 999px) { /* 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: var(--colorNavy);} #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;height: 60px;padding: 14px 0;text-align: center;/*width: 100%;height: 60px;background-image: url(../img/logo.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 28px;*/} #header h1 a img {height: 30px;} /*#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=2) 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; } /**/ #section0 {padding-top: 60px;} /*#section0::before {top: 5%;right: 3%;height: 90px;background-size: auto 100%;}*/ /**/ #contain #subVisual .sub_visual .visual_wp {display: table;width: 100%;height: 180px;padding-top: 60px;} #contain #subVisual .sub_visual .visual_wp .visual {height: 150px;background-size: auto 130%;} #contain #subVisual .sub_visual .visual_wp .visual h2 {font-size: 30px;font-weight: 700;color: #000;} #contain #subVisual .sub_visual .visual .visual_top p {font-size: 17px;} #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 #subTitle {padding: 30px 0;} #contain #subTitle h3 {margin-bottom: 5px;font-size: 28px;} /**/ #design {float: none;width: 100%;font-family: var(--fontSubSet);} /**/ #aside {float: none;display: none;} } @media all and (max-width: 999px) { /**/ #mainCon {width: 100%;} #section0 .v_quick {display: inline-block;width: 95%;font-size: 0;text-align: center;} #section0 .v_quick ul::after {content: '';display: block;clear: both;} #section0 .v_quick ul > li {display: inline-block;width: 30%;margin: 15px 2%;} #section0 .v_quick ul > li:nth-child(3n-2) {margin-left: 0;} #section0 .v_quick ul > li:nth-child(3n) {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.quick6 > a .icon {width: 100%;background-size: auto 60px;} /**/ #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;} } @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 {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;text-align: left;/*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 h1 a img {height: 28px !important;} /*#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=2) no-repeat;background-position: 50% 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; } /**/ #mainCon {width: 100%;} .section {padding: 40px 0 50px;} .section_inner {width: 94%;margin: 0 auto;} .section h3 {margin-bottom: 20px;font-size: 21px;font-weight: 600;color: #000;} .section h3.white {color: #fff;} .section h4 {font-size: 18px;font-weight: 500;color: var(--mainColor);} .section .sub_title {font-size: 16px;font-weight: 500;color: #757575;} /**/ .section .kind.lib1 {background-color: var(--mainColor);color: var(--colorWhite);} .section .kind.lib2 {background-color: var(--libColor2);color: var(--colorWhite);} .section .kind.lib3 {background-color: var(--libColor3);color: var(--colorWhite);} .section .m_more {display: inline-block;width: 40px;height: 40px;background-image: url(../img/ico_m_more.png);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;background-size: auto 12px;} .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.slider_ctrl {display: flex;align-items: center;} .section .controls.slider_ctrl .slider_pos {display: inline-block;} .section .controls.slider_ctrl .slider_btn {overflow: hidden;width: 40px;height: 55px;text-indent: -9999px;} .section .controls.slider_ctrl .slider_btn.stop {background-image: url(../img/ico_m_stop.png);background-repeat: no-repeat;background-position: 100% 50%;} .section .controls.slider_ctrl .slider_btn.play {background-image: url(../img/ico_m_play.png);background-repeat: no-repeat;background-position: 100% 50%;} .section .controls.slider_ctrl .m_more {margin-left: 10px;} .section .controls .slick-arrow {overflow: hidden;width: 40px;height: 40px;border-radius: 50%;border-width: 1px;border-style: solid;border-color: rgba(0,0,0,0.1);background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;vertical-align: middle;background-size: auto 11px;} .section .controls .slick-prev {margin-right: 10px;background-image: url(../img/arrow_b_prev.png);} .section .controls .slick-next {margin-left: 10px;background-image: url(../img/arrow_b_next.png);} .section .controls.white .slick-arrow {border-color: #fff;} .section .controls.white .slick-prev {background-image: url(../img/arrow_w_prev.png);} .section .controls.white .slick-next {background-image: url(../img/arrow_w_next.png);} .section .controls .slider_dots {display: inline-block;vertical-align: middle;font-size: 13px;} .section .controls .slider_dots ul li {display: none;} .section .controls .slider_dots ul li.slick-active {display: block;} /* 메인비주얼 */ #section0 {overflow: hidden;position: relative;z-index: 0;width: 100%;padding-top: 60px;background-image: url(../img/bg_m_visual.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;} #section0::before {content: '';position: absolute;top: 100px;left: -60%;z-index: -1;width: 600px;height: 600px;border-radius: 50%;background-color: #83b8ff;opacity: 0.3;} #section0 .visual_wp {position: relative;display: block;width: 94%;margin: 0 auto;padding: 40px 0 10px;align-items: center;} #section0 .visual_wp .slogan_wp {width: 100%;text-align: center;font-size: 18px;font-weight: 400;color: var(--colorBlack);} #section0 .visual_wp .slogan_wp .m_slogan {margin-bottom: 15px;font-size: 34px;font-weight: 400;line-height: 1.2em;} #section0 .visual_wp .slogan_wp .m_slogan .tit {display: inline-block;font-weight: 600;line-height: 1.2em;} #section0 .search_wp {position: relative;width: 100%;margin-top: 40px;} #section0 .search_wp h3 {margin-bottom: 0;} #section0 .search_wp form fieldset {} #section0 .search_wp form .title {padding: 7px 0 3px 35px;margin-bottom: 10px;font-size: 17px;font-weight: 500;background-image: url(../img/ico_m_search_title.png);background-repeat: no-repeat;background-position: 0 0;background-size: 30px auto;color: #000;} #section0 .search_wp form .input_wp {position: relative;display: flex;padding: 15px 20px 15px 25px;align-items: center;justify-content: space-between;height: 60px;background-color: #163e75;font-size: 0;border-radius: 70px;} #section0 .search_wp form .input_wp::before, #section0 .search_wp form .input_wp::after {content: '';position: absolute;background-repeat: no-repeat;background-size: auto 100%;} #section0 .search_wp form .input_wp::before {bottom: 0;right: 0;z-index: -1;width: 215px;height: 120px;background-image: url(../img/ico_m_search1.png);} #section0 .search_wp form .input_wp::after {bottom: -10px;right: 0;z-index: 1;overflow: hidden;width: 215px;height: 120px;background-image: url(../img/ico_m_search2.png);} #section0 .search_wp form .input_wp input[type="text"] {width: 65%;height: 100%;font-size: 15px;font-weight: 300;background-color: transparent;border: 0;color: #fff;vertical-align: top;} #section0 .search_wp form .input_wp input[type="text"]::placeholder {color: rgba(255,255,255,0.7);} #section0 .search_wp form .btn_search {position: relative;z-index: 3;margin-left: 15px;padding: 7px 20px;font-size: 15px;color: #fff;background-color: rgba(54,232,200,0.6);border-radius: 50px;} #section0 .search_wp .search_word {overflow: hidden;margin: 15px 3% 0;font-size: 0;} #section0 .search_wp .search_word > a {display: inline-block;margin: 1px 15px 1px 0;font-size: 14px;font-weight: 400;} #section0 .v_note_wp {position: relative;width: 94%;margin: 0 auto;flex-wrap: wrap;} #section0 .zone_wp {position: relative;width: 100%;padding-top: 60px;} #section0 .zone_wp #slickWp .controls {position: absolute;top: 0;right: 0;} #section0 .zone_wp #slickWp .slider {overflow: hidden;border-radius: 40px;} #section0 .calendar_wp {overflow: hidden;display: block;width: 100%;margin-top: 25px;padding: 25px 30px;background-image: url(../img/bg_m_calendar.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;border-radius: 20px;} #section0 p.title {margin-bottom: 15px;font-size: 20px;font-weight: 600;color: var(--mainColor);} #section0 .calendar_wp #mCalendar {width: 100%;} #section0 .calendar_wp #mCalendar .calendar {position: relative;/*overflow-y: auto;*/} #section0 .calendar_wp #mCalendar .calendar_left {display: flex;align-items: center;margin-bottom: 10px;} #section0 .calendar_wp #mCalendar .calendar_left > a {width: 30px;height: 30px;text-indent: -9999px;background-repeat: no-repeat;} #section0 .calendar_wp #mCalendar .calendar_left > a.calendar_prev {background-image: url(../img/arrow_m_b_prev.png);background-position: 0 50%;} #section0 .calendar_wp #mCalendar .calendar_left > a.calendar_next {background-image: url(../img/arrow_m_b_next.png);background-position: 100% 50%;} #section0 .calendar_wp #mCalendar .calendar_left > div {margin: 0 5px;font-size: 20px;font-weight: 600;color: var(--colorBlack);} #section0 .calendar_wp #mCalendar .day {} #section0 .calendar_wp #mCalendar .day table {width: 100%;text-align: center;font-size: 14px;font-weight: 500;} #section0 .calendar_wp #mCalendar .day table thead th {font-weight: 500;} #section0 .calendar_wp #mCalendar .day table tbody td span {overflow: hidden;display: block;padding: 1px 0;border-radius: 15px;} #section0 .calendar_wp #mCalendar .day table tbody td.holiday span {display: block;height: 100%;padding: 2px 0;background-color: #d33c34;color: #fff;} #section0 .calendar_wp #mCalendar .day .cal_more {position: absolute;top: 0;right: 0;width: 30px;height: 30px;background-image: url(../img/ico_m_b_plus.png);background-repeat: no-repeat;background-position: 100% 50%;text-indent: -9999px;} #section0 .calendar_wp .use_time {width: 100%;margin: 30px 0 0;} #section0 .calendar_wp .use_time dl + dl {margin-top: 20px;} #section0 .calendar_wp .use_time dl dt {margin-bottom: 10px;} #section0 .calendar_wp .use_time dl dt > span {display: inline-block;padding: 5px 15px;font-size: 15px;font-weight: 500;background-color: #fff;border-radius: 20px;} #section0 .calendar_wp .use_time dl dd li {position: relative;z-index: 0;font-size: 15px;font-weight: 500;} #section0 .calendar_wp .use_time dl dd li::before {content: '-';display: inline-block;margin-right: 3px;} #section0 .v_direct_wp {width: 100%;padding: 20px 0 10px;} #section0 .v_direct_wp > div {display: flex;flex-wrap: wrap;} #section0 .v_direct_wp > div > a {width: calc(100% / 3);padding: 15px 0;text-align: center;font-size: 14px;font-weight: 500;} #section0 .v_direct_wp > div > a::before {content: '';display: block;height: 60px;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 80%;} #section0 .v_direct_wp > div > a.direct1::before {background-image: url(../img/ico_m_direct1.png);} #section0 .v_direct_wp > div > a.direct2::before {background-image: url(../img/ico_m_direct2.png);} #section0 .v_direct_wp > div > a.direct3::before {background-image: url(../img/ico_m_direct3.png);} #section0 .v_direct_wp > div > a.direct4::before {background-image: url(../img/ico_m_direct4.png);} #section0 .v_direct_wp > div > a.direct5::before {background-image: url(../img/ico_m_direct5.png);} #section0 .v_direct_wp > div > a.direct6::before {background-image: url(../img/ico_m_direct6.png);} /**/ #section1 .section_inner {} #section1 .notice_wp {position: relative;width: 100%;} #section1 .notice_wp .notice_list > li + li {margin-top: 10px;} #section1 .notice_wp .notice_list > li > a {overflow: hidden;display: block;font-size: 15px;font-weight: 400;color: #000;text-overflow: ellipsis;white-space: nowrap;} #section1 .notice_wp .notice_list > li > span.time {display: block;margin-top: 3px;font-size: 13px;font-weight: 400;color: #757575;} #section1 .notice_wp .m_more {position: absolute;top: 0;right: 0;} #section1 .recom_wp {position: relative;width: 100%;margin-top: 40px;} #section1 .recom_wp .controls {position: absolute;top: -6px;right: 0;} #section1 .recom_wp .slider li {display: flex;align-items: center;} #section1 .recom_wp .slider li .img {width: 150px;height: 200px;} #section1 .recom_wp .slider li .img > a {display: block;height: 100%;} #section1 .recom_wp .slider li .img img {max-width: 100%;max-height: 100%;border: 1px solid #f0f0f0;} #section1 .recom_wp .slider li .con {width: calc(100% - 150px);padding-left: 20px;} #section1 .recom_wp .slider li .con .title a {display: block;font-size: 18px;font-weight: 500;color: #000;} #section1 .recom_wp .slider li .con span.write {display: block;margin-top: 10px;font-size: 14px;color: #656565;} #section1 .recom_wp .slider li .con .summary {overflow: hidden;display: -webkit-box;height: 6em;margin-top: 30px;font-size: 14px;line-height: 1.5em;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} #section1 .culture_wp {position: relative;width: 100%;margin-top: 50px;} #section1 .culture_wp #slickWp {overflow: hidden;width: 100%;} #section1 .culture_wp .controls {position: absolute;top: -6px;right: 0;} #section1 .culture_wp .slider {margin: 0 -10px;padding-top: 10px;} #section1 .culture_wp .slider li {padding: 30px 35px;margin: 0 10px;background-color: #ebf1f6;border-radius: 30px;} #section1 .culture_wp .slick-track {margin: 0 0;} #section1 #slickWp .slick-list li .state > span {display: inline-block;padding: 7px 20px;font-size: 14px;font-weight: 500;line-height: 1;border-radius: 20px;} #section1 #slickWp .slick-list li .state > span.ing {background-color: #db2853;color: #fff;} #section1 #slickWp .slick-list li .state > span.end {border: 1px solid #757575;color: #757575;} #section1 #slickWp .slick-list li .state > span.wait {background-color: #087e3a;color: #fff;} #section1 #slickWp .slick-list li .state > span.add {background-color: #ffb400;color: #000;} #section1 #slickWp .slick-list li p.title {margin: 20px 0 15px;} #section1 #slickWp .slick-list li p.title a {overflow: hidden;font-size: 19px;font-weight: 500;color: #000;line-height: 1.4em;} #section1 #slickWp .slick-list li .condition > span {display: block;font-size: 14px;color: #757575;} #section1 #slickWp .slick-list li .condition > span + span {margin-top: 3px;} #section1 #slickWp .slick-list li .more {display: block;margin-top: 20px;padding: 15px;text-align: center;font-size: 16px;font-weight: 500;line-height: 1;background-color: #fff;color: #0e7f70;border-radius: 60px;} #section1 #slickWp .slick-list li .more.end {border-width: 0;background-color: #f0f0f0;color: #757575;} /**/ #section2 {background-color: #f2f8fd;} #section2 .section_inner {position: relative;} #section2 .book_tabs {margin-bottom: 20px;} #section2 .book_tabs > h3 {display: inline-block;margin-bottom: 0;} #section2 .book_tabs > h3 + h3 {margin-left: 20px;} #section2 .book_tabs > h3 > a {display: block;} #section2 .book_tabs > h3 > a.tab_on {color: var(--subColor);border-bottom: 3px solid var(--subColor);} #section2 .book_content > div {display: none;} #section2 .book_content > div.tab_on {display: block;} #section2 .book_content > div > ul {display: flex;justify-content: space-between;flex-wrap: wrap;} #section2 .book_content > div > ul > li {width: 45%;margin: 10px 0;flex-grow: 1;} #section2 .book_content > div > ul > li:nth-child(5) {display: none;} #section2 .book_content > div > ul > li img {max-width: 100%;height: 150px !important;} #section2 .book_content > div > ul > li .con {margin-top: 15px;} #section2 .book_content > div > ul > li .con p.title > a {overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color: #333;} #section2 .book_content > div > ul > li .con > span {display: block;margin-top: 7px;font-size: 14px;color: #656565;} #section2 .book_content a.m_more {position: absolute;top: 6px;right: 0;width: 25px;height: 25px;text-indent: -9999px;} /**/ #section3 {padding: 40px 0;} #section3 .section_inner {padding: 10px 0;} #section3 .banner {position: relative;} #section3 .banner .banner_title {position: absolute;top: 50%;left: 0;display: flex;align-items: center;transform: translateY(-50%);} #section3 .banner .banner_title h3 {margin: 0 10px 0 0;font-size: 20px;font-weight: 700;color: #000;} #section3 .banner .banner_title .controls .slick-arrow {width: 20px;height: 20px;border-radius: 3px;margin: 0 1px;vertical-align: middle;background-repeat: no-repeat;background-position: 50% 50%;} #section3 .banner .banner_title .controls .slick-prev {background-image: url(../img/arrow_banner_prev.png);} #section3 .banner .banner_title .controls .slick-next {background-image: url(../img/arrow_banner_next.png);} #section3 .banner .banner_title .controls .btn_control {display: inline-block;vertical-align: middle;} #section3 .banner .banner_title .controls .btn_control button {display: inline-block;width: 20px;height: 20px;border-radius: 3px;border: 1px solid #000;text-indent: -9999px;vertical-align: middle;background-repeat: no-repeat;background-position: 50% 50%;} #section3 .banner .banner_title .controls .btn_control button.stop {background-image: url(../img/ico_banner_stop.gif);} #section3 .banner .banner_title .controls .btn_control button.play {background-image: url(../img/ico_banner_play.png);} #section3 .banner #slickWp {padding-left: 200px;} #section3 .banner #slickWp .slick-slide img {max-height: 38px;} /**/ #foot_section {padding: 40px 0 50px;background-color: var(--colorNavy);} #foot_section .footer {position: relative;} #foot_section .f_info {margin-bottom: 40px;} #foot_section .f_info > a {display: block;padding: 3px 0;font-size: 15px;color: #ecf0f3;} #foot_section .f_info > a.privacy {color: #a1c7ff;} #foot_section .f_top {position: relative;margin-bottom: 20px;} #foot_section .f_top .logo {margin-bottom: 15px;} #foot_section .f_top .logo img {height: 40px !important;} #foot_section address {font-size: 14px;color: #ecf0f3;font-style: normal;} #foot_section address > span {display: block;margin: 3px 0;} #foot_section cite {display: block;padding-top: 7px;font-size: 14px;color: #ecf0f3;font-style: normal;} #gotop {position: absolute;top: 20px;right: 0;} #gotop a {display: block;width: 60px;height: 60px;border-radius: 60px;background-color: #133461;text-indent: -9999px;background-image: url(../img/ico_gotop.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 18px;} /* 서브비주얼 */ #contain #subVisual {width: 100%;} #contain #subVisual .sub_visual .visual_wp {width: 100%;height: auto;padding-top: 60px;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;background-image: url(../img/bg_sub_visual.jpg?v=1);} #contain #subVisual .sub_visual .visual_wp .visual {width: 94%;height: auto;margin: 0 auto;padding: 20px 0;background-image: url(../img/ico_sub_visual.png?v=1);background-repeat: no-repeat;background-position: 100% 20px;background-size: auto 110%;} #contain #subVisual .sub_visual .visual .visual_top {} #contain #subVisual .sub_visual .visual .visual_top > div {width: calc(100% - 120px);} #contain #subVisual .sub_visual .visual .visual_top h2 {margin-bottom: 5px;font-size: 24px;font-weight: 500;color: #000;} #contain #subVisual .sub_visual .visual .visual_top p {font-size: 15px;font-weight: 300;color: #000;} #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: 88px;right: -14%;width: 923px;height: 526px;background-image: url(../img/bg_sub_contents.png);background-repeat: no-repeat;background-position: 50% 50%;}*/ #contain #subTitle {padding: 20px 0;background-color: var(--mainColor);text-align: center;} #contain #subTitle h3 {margin-bottom: 5px;font-size: 25px;font-weight: 700;color: #fff;} #contain #subTitle .locator > ul > li {display: inline-block;vertical-align: middle;} #contain #subTitle .locator > ul > li a, #contain #subTitle .locator > ul > li span, #contain #subTitle .locator > ul > li button {display: block;font-size: 14px;font-weight: 400;color: #fff;font-family: inherit;background-color: transparent;} #contain #subTitle .locator > ul > li button::before, #contain #subTitle .locator > ul > li span::before {content: '>';display: inline-block;width: 20px;vertical-align: top;text-align: center;font-size: inherit;font-family: inherit;} #contain #subTitle .locator .navi {display: none;} /* #design */ #design {position: relative;width: 94%;margin: 30px auto 60px;} #aside {display: none;} /**/ #blind{position:absolute;z-index:39999;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: 100%;max-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;font-size: 18px;font-weight: 500;line-height: 60px;border-radius: 20px 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;width: 76px;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 31px;} #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 {padding: 30px 0 50px;} #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%;margin-bottom: 3vh;font-size: 16px;color: #fff;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: 450px) { /**/ #section0::before {display: none;} #section0 .search_wp form .input_wp::before, #section0 .search_wp form .input_wp::after {display: none;} #section0 .search_wp form .input_wp input[type="text"] {width: 70%;} #section0 .search_wp form .btn_search {margin-left: 2%;} /**/ #section1 .recom_wp .controls {position: absolute;top: -6px;right: 0;} #section1 .recom_wp .slider li {display: block;} #section1 .recom_wp .slider li .img {width: auto;max-width: 100%;height: 150px;} #section1 .recom_wp .slider li .img > a {display: block;height: 100%;} #section1 .recom_wp .slider li .img img {max-width: 100%;max-height: 100%;border: 1px solid #f0f0f0;} #section1 .recom_wp .slider li .con {width: 100%;padding: 10px 0 0;} #section1 .recom_wp .slider li .con .title a {display: block;font-size: 18px;font-weight: 500;color: #000;} #section1 .recom_wp .slider li .con span.write {display: block;margin-top: 7px;font-size: 14px;color: #656565;} #section1 .recom_wp .slider li .con .summary {overflow: hidden;display: -webkit-box;height: 6em;margin-top: 20px;font-size: 14px;line-height: 1.5em;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} }