/*#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} /* 1400 - all */ @media all and (min-width: 1500px) { #divpop { display:none;} #mm-blocker{display:none} #popupWindow{position:absolute} #OpenLayer {position: absolute;top: 150px;left: 100px;z-index: 9999;background: #fff;padding: 10px;border-radius: 5px;border: 1px solid #ccc;box-shadow: 5px 5px 20px rgba(0,0,0,0.3);text-align: right;} #OpenLayer > a {clear: both;font-size: 14px;} #OpenLayer #TodayClose {float: left;margin-right: 20px;} /* header */ #header {position:absolute;top: 0;left: 0;z-index:30002;width:100%;height: 110px;background:#fff} #header .header {display: flex;justify-content: space-between;align-items: center;position: relative;padding-right: 150px;} #header h1 {padding-left: 30px;} #header h1 a {display: block;} #header button.btn-menu {display:none} /**/ nav.menu_wrap {flex: 0 1 50%;} #gnb .depth1 {display: flex;justify-content: space-between;} #gnb .depth1 > li {display: inline-block;vertical-align: top;padding: 0 15px;} #gnb .depth1 > li:first-child {padding-left:0;} #gnb .depth1 > li:last-child {padding-right:0;} #gnb .depth1 > li > a {display:block;height: 110px;margin: 0;text-align:center;font-size: 18px;line-height:110px;font-weight: 500;transition:all .2s;} #header #gnb .depth1 > li.sel > a {color:#820cd3;font-weight: 500;text-decoration: underline;} #header #gnb .depth1 > li:hover > a, #header #gnb .depth1 > li > a:hover {color:#820cd3;} #gnb .depth2 {display: none;overflow:hidden;position:absolute;top: 140px;left: 0;z-index: 10;width: 100%;padding: 20px 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 {} #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;} #header .etc_btn > ul > li:last-child > a {padding-right:0;} #header .h_sitemap {position: absolute;right: 0;top: 0;} #header .h_sitemap a {display:block;width:110px;height:110px;background:#820cd3 url(../img/h_sitemap.png) no-repeat 50% 50%;text-indent:-9999em;transition:all .2s;} #header .h_sitemap a:hover {background:#6400a8 url(../img/h_sitemap.png) no-repeat 50% 50%;} #header .h_myid {color:#757575;} #header.fix_menu {position:fixed; top: 0;background:#fff;border-bottom:1px solid #ddd;} #header.fix_menu #gnb .depth1 > li > a {color:#333;} #header.fix_menu #gnb .depth1 > li.sel > a {color:#558fff} #allbg{position:fixed;z-index:30000;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);display:none} /**/ #mainCon {width: 100%;min-height: 370px;padding-top: 110px;} #mainCon .nocontent {width: 100%;padding: 100px 0;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;text-align: center;margin-bottom: 50px;font-size: 18px;color: #757575;} #mainCon .mc_top {margin-bottom:100px;display:flex;position:relative;} #mainCon .mc_top .m_visual {width:60%;height:400px;background:url(../img/bg_m_visual.png) no-repeat right top;background-size:cover;display: flex;align-items: center;position:relative;} #mainCon .mc_top .m_visual .vtxt {margin-left:16%;font-size:45px;font-weight:500;color:#fff;z-index: 9;} #mainCon .mc_top .m_visual .vtxt > span {display:block;padding-top:20px;font-size:28px;font-weight:400;} #mainCon .mc_top .m_visual .vimg {position:absolute;bottom:0;right:-35px;width:482px;height:252px;background:url(../img/vimg.png) no-repeat 0 0;} #mainCon .mc_top .m_news {width:calc(40% - 110px);margin-right:110px;} #mainCon .mc_top .m_news .m_news_in {margin:55px 70px 0 70px;position:relative;} #mainCon .mc_top .m_news h2 {font-size:25px;font-weight:500;margin-bottom:30px;} #mainCon .mc_top .m_news ul {} #mainCon .mc_top .m_news ul li {margin-bottom:15px;} #mainCon .mc_top .m_news ul li a {display:block;font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #mainCon .mc_top .m_news ul li a strong {font-weight:400;} #mainCon .mc_top .m_news ul li span {display:block;font-size:14px;color:#757575;} #mainCon .mc_top .m_news .m_more {position:absolute;top:0;right:0;} #mainCon .mc_top .m_my_reserve {position:absolute;top:0;right:0;width:110px;height:180px;background:#13a200;display: flex;justify-content: center;align-items: center;transition:all .2s;} #mainCon .mc_top .m_my_reserve:hover {background:#108400;} #mainCon .mc_top .m_my_reserve span {font-size:18px;font-weight:500;color:#fff;} #mainCon .mc_in {width:80%;margin:0 auto;} #mainCon .section h3 {font-size:30px;font-weight:bold;text-transform:uppercase;} #mainCon .section h3.white {color:#fff !importnat;} .section_inner {max-width: 80%;margin: 0 auto;} .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;} /**/ #mainCon .tabmenu{margin:0 0 40px 0;font-size: 0;display: flex;justify-content: space-between;} #mainCon .tabmenu:before, #mainCon .tabmenu:after{clear:both;display:table;content:"";line-height:0} #mainCon .tabmenu li{width: 9.5%;} #mainCon .tabmenu li:first-child a{margin:0} #mainCon .tabmenu li a{display: block;position: relative;padding: 0 15px;line-height: 50px;font-size: 16px;letter-spacing: -1px;color: #333;text-align: center;background: #fff;transition: all 0.2s;font-weight: 500;border:2px solid #333;border-radius: 50px;} #mainCon .tabmenu li a i{display:none} #mainCon .tabmenu li a:hover{} #mainCon .tabmenu li a.sel{position:relative;z-index:5;color:#fff;background:#333;line-height:50px;box-sizing:border-box;font-weight: 500;} #mainCon .tabmenu li.sel a {position:relative;z-index:5;color:#fff;background:#333;line-height:50px;box-sizing:border-box;font-weight: 500;} #mainCon .tabmenu li.mTabOn a{position:relative;z-index:5;color:#242b36;border:2px solid #1c2645;background:#fff;line-height:46px;box-sizing:border-box;} /**/ #mainCon .stab{margin:0 0 40px 0;font-size: 0;display: flex;justify-content: center;} #mainCon .stab:before, #mainCon .stab:after{clear:both;display:table;content:"";line-height:0} #mainCon .stab li{display:inline-block;padding: 0 30px;} #mainCon .stab li:first-child a{margin:0} #mainCon .stab li + li {margin-left: 5px;} #mainCon .stab li a{display: inline-block;position: relative;line-height: 50px;font-size: 24px;letter-spacing: -1px;color: #333;text-align: center;background: #fff;transition: all 0.2s;font-weight: 500;/* border:2px solid #333; *//* border-radius: 20px; */} #mainCon .stab li a i{display:none} #mainCon .stab li a:hover{} #mainCon .stab li a.sel{position:relative;z-index:5;color:#fff;background:#333;line-height:50px;box-sizing:border-box;font-weight: 500;} #mainCon .stab li.sel a {position:relative;z-index:5;color: #820cd3;line-height:50px;box-sizing:border-box;font-weight: 500;border-bottom:3px solid #820cd3;} #mainCon .stab li.mTabOn a{position:relative;z-index:5;color:#242b36;border:2px solid #1c2645;background:#fff;line-height:46px;box-sizing:border-box;} #mainCon .m_facility {display:flex;flex-wrap:wrap;} #mainCon .m_facility li {width: 23%;border: 1px solid #ddd;margin: 0 1% 50px;border-radius: 40px;position:relative;} #mainCon .m_facility li > .mfc_con {} #mainCon .m_facility li > .mfc_con .photo {height:190px;background:#f5f5f5;border-top-left-radius:40px;border-top-right-radius:40px;overflow:hidden;} #mainCon .m_facility li > .mfc_con .photo img {width:100%;height:190px;border-top-left-radius:40px;border-top-right-radius:40px;} #mainCon .m_facility li > .mfc_con .mfc_info {padding:30px;} #mainCon .m_facility li > .mfc_con .mfc_info .info_top {margin-bottom:8px;} #mainCon .m_facility li > .mfc_con .mfc_info .info_top > span {display:inline-block;font-size:15px;font-weight:500;} #mainCon .m_facility li > .mfc_con .mfc_info .info_top > span.lib {color:#757575;margin-right:15px;} #mainCon .m_facility li > .mfc_con .mfc_info .info_top > span.cate {color:#820cd3;} #mainCon .m_facility li > .mfc_con .mfc_info .mfc_tit {font-size:18px;font-weight:500;margin-bottom:20px;} #mainCon .m_facility li > .mfc_con .mfc_info > .detail {margin-bottom: 60px;} #mainCon .m_facility li > .mfc_con .mfc_info > .detail p {margin-bottom:5px;} #mainCon .m_facility li > .mfc_view_wp {position:absolute;bottom:30px;left:0;width:100%;height:42px;} #mainCon .m_facility li > .mfc_view_wp > .mfc_view {display:block;padding:10px 20px;margin: 0 30px;text-align:center;background:#820cd3;color:#fff;font-size:15px;font-weight:500;border-radius:50px;} /**/ .section .controls {} .section .controls .slick-arrow {overflow: hidden;width: 55px;height: 55px;border-radius: 50%;border-width: 1px;border-style: solid;border-color: #000;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;} /**/ #foot_section {padding: 50px 0 60px;background-color:#eee;} #foot_section .footer {position:relative;} #foot_section .f_top {position: relative;margin-bottom: 45px;} #foot_section .f_top .f_tit {font-size:26px;line-height:1.2em;color:#fff;} #foot_section .f_top .relate_site {position: absolute;top: 0;right: 0;width: 50%;max-width: 200px;/*padding: 15px 20px;font-size: 17px;color: #fff;border: 1px solid #1d2c57;background-color: transparent;background-image: url(../img/ico_relative_site.png);background-repeat: no-repeat;background-position: calc(100% - 20px) 50%;appearance: none;*/} #foot_section .f_top .relate_site option {font-size: 15px;font-weight: 300;background-color: #fff;color: #000;} #foot_section .f_top .relate_site > button {display: block;width: 100%;max-width: 200px;padding: 15px 20px;font-size: 17px;color: #fff;border: 1px solid #1d2c57;background-color: transparent;background-image: url(../img/ico_relative_site.png);background-repeat: no-repeat;background-position: calc(100% - 20px) 50%;text-align: left;} #foot_section .f_top .relate_site > div.sub {overflow-y: auto;display: none;position: absolute;top: 52px;left: 0;width: 100%;max-height: 250px;background-color: #fff;padding: 5px 15px;} #foot_section .f_top .relate_site > div.sub ul li a {display: block;padding: 10px 0;font-size: 16px;} #foot_section .f_top .relate_site > div.sub ul li + li a {border-top: 1px solid #ddd;} #foot_section .f_addr {} #foot_section .f_addr li {font-size:16px;font-weight:500;margin-bottom:10px;color:#fff;} #foot_section .f_addr li span {display:inline-block;margin-right:30px;} #foot_section .f_info {} #foot_section .f_info > a {display: inline-block;padding: 20px 0;font-size: 16px;} #foot_section .f_info > a.privacy {} #foot_section .f_info > a + a {margin-left: 30px;} #foot_section cite {display: block;font-size: 14px;font-style: normal;} #foot_section #gotop {position: absolute;top: -50px;right: 0;} #foot_section #gotop a{display:block;width: 80px;height: 80px;text-indent:-9999em;background:#ccc url(../img/btn_top_arr.png) no-repeat 50% 50%;} #mCard2 {display: none;} /**/ #contain {overflow: hidden;position: relative;width: 100%;} #contain .contain {/*max-width: 1440px;*/width:80%;margin: 170px auto 100px;} /* 서브비주얼 */ #contain #subVisual {display:none;/*width: 100%;*/} #contain #subVisual .sub_visual .visual_wp {display:none;/*width: 100%;height: 285px;padding-top: 100px;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;background-image: url(../img/bg_sub_visual.jpg);*/} #contain #subVisual .sub_visual .visual {max-width: 1440px;margin: 0 auto;height: 100%;} #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: 5px;font-size: 43px;font-weight: 700;color: #000;} #contain #subVisual .sub_visual .visual .visual_top p {font-size: 22px;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: 160px 0 50px;background-image: url(../img/bg_sub_title.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;text-align: center;} #contain #subTitle h3 {margin-bottom: 0;font-size: 43px;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 {margin: 0 60px 0 0;} #aside h2 {display:none;/*display: table;*/width: 100%;padding: 0 15px 50px;text-align: center;} #aside h2 > span {font-size: 24px;font-weight: 400;vertical-align: middle;} #aside ul.left_menu {display:none;} #aside ul.left_menu > li {border-bottom: 1px solid #eaeaea;} #aside ul.left_menu > li:first-child {border-top: 1px solid #eaeaea;} #aside ul.left_menu > li > a {position: relative;z-index: 0;display: block;padding: 15px 20px;font-size: 17px;font-weight: 400;color: #555;transition: all 0.3s;} #aside ul.left_menu > li > a:hover {color: var(--mainColor);font-weight: 500;transition: all 0.3s;} #aside ul.left_menu > li > a::after {content: '';position: absolute;top: 50%;right: 10px;z-index: -1;width: 10px;height: 10px;margin-top: -5px; background-image: url(../img/ico_leftmenu.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 10px;} #aside ul.left_menu > li.sel > a::after {background-image: url(../img/ico_leftmenu_on.png);background-size: auto 2px;} #aside ul.left_menu > li.sel > a, #aside ul.left_menu > li.sel > a:hover {color: #fff;border: 0;background-color: var(--mainColor);transition: all 0.5s} #aside ul.left_menu > li ul {display: none;padding: 20px 25px;background: #f3f3f3;border-top: 0;} #aside ul.left_menu > li.sel ul {display: block;} #aside ul.left_menu > li li a {display: block;border: 0;font-size: 15px;height: auto;padding: 4px 0 4px 20px;margin: 0;color: #333; background-image: url(../img/ico_left_submenu.gif);background-repeat: no-repeat;background-position: 0 15px;background-size: auto 1px;} #aside ul.left_menu > li li:last-child a {border: 0} #aside ul.left_menu > li li a:hover, #aside ul.left_menu > li li a.sel {font-size: 15px;color:var(--subColor1);border: 0;background-image: url(../img/ico_left_submenu_on.png); background-position: 0 10px;background-size: 8px auto;} /* #aside ul.left_menu > li {} #aside ul.left_menu > li > a {position: relative;z-index: 0;display:block;padding: 0 30px 0 0;font-size: 21px;font-weight: 500;color:#000;transition:all 0.3s;} #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.sel > a::after {content: '';display: inline-block;width: 16px;height: 16px;margin-left: 15px;background-image: url(../img/ico_left_on.png);background-repeat: no-repeat;background-position: 50% 50%;} #aside ul.left_menu > li.sel > a {color: var(--mainColor);} #aside ul.left_menu > li ul {display: none;padding-left: 20px;margin: 15px 0 30px;border-left: 5px solid #eee;} #aside ul.left_menu > li.sel ul {display: block;} #aside ul.left_menu > li li a {display: block;font-size: 17px; height:auto;margin: 0;color: #333;} #aside ul.left_menu > li li + li {margin-top: 12px;} #aside ul.left_menu > li li:last-child a{border:0} #aside ul.left_menu > li li a:hover {color: var(--subColor1);text-decoration: underline;} #aside ul.left_menu > li li a.sel {color: var(--colorOrange);} #aside ul.left_menu > li li a.sel::after {content: '→';display: inline-block;font-size: 20px;margin-left: 10px;vertical-align: middle;} */ /* #design */ #design {position: relative;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 - 1340 ~ 1749 */ @media (max-width: 1749px) and (min-width: 768px) { } /* 841 ~ 1339 */ @media all and (min-width: 841px) and (max-width: 1499px) { #divpop { display:none;} #mm-blocker{display:none} #popupWindow{position:absolute} #hCheon {position:relative;top:0px;padding:0; margin:0;width:100%;} #OpenLayer {position: absolute;top: 180px;left: 100px;z-index: 9999;background: #fff;padding: 10px;border-radius: 5px;border: 1px solid #ccc;box-shadow: 5px 5px 20px rgba(0,0,0,0.3);text-align: right;} #OpenLayer > a {clear: both;font-size: 14px;} #OpenLayer #TodayClose {float: left;margin-right: 20px;} /* header */ #header {overflow: hidden;position:absolute;top: 0;left: 0;z-index:30002;width:100%;height: 100px !important;padding: 0;} #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 {display: flex;justify-content: space-between;align-items: center;position: relative;padding-right: 120px;} /*#header .header::after {content: '';display: block;clear: both;}*/ #header h1 {/*position: absolute;top: 15px;left: 0;width: 50%;max-width: 300px;*/padding-left:30px;} #header h1 a {display: block;} #header h1 a img {/*height: 35px;*/} #header button.btn-menu {display:none} /**/ nav.menu_wrap {flex: 0 1 60%;} #gnb .depth1 {display:flex;justify-content: space-between;height: 100px;text-align: center;margin: 0;font-size: 0;text-align: center;} #gnb .depth1::after {display:none;} #gnb .depth1 > li {float: none;display: inline-block;/*width: 20%;*/padding: 0 10px;} #gnb .depth1 > li > a {display: block;height: 1010px; margin: 0;text-align: center;font-size: 17px;line-height: 100px;font-weight: 500;transition: all .2s;} /*#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:#820cd3;font-weight: 500;text-decoration: underline;} #header #gnb .depth1 > li:hover > a, #header #gnb .depth1 > li > a:hover {color: #820cd3;} /*#header.header_active #gnb .depth1 > li.sel > a {color: var(--colorBlue);}*/ #gnb .depth2 {display:none;overflow:hidden;position:absolute;top: 125px;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:hover{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 {width: 120px;} #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: 14px;} #header .etc_btn > ul > li:last-child > a {padding-right:0;} #header .h_sitemap {position: absolute;right: 0;top: 0;} #header .h_sitemap a {display:block;width:100px;height:100px;background:#820cd3 url(../img/h_sitemap.png) no-repeat 50% 50%;text-indent:-9999em;transition:all .2s;} #header .h_sitemap a:hover {background:#6400a8 url(../img/h_sitemap.png) no-repeat 50% 50%;} #header .h_myid {color:#757575;word-break: break-all;} #header .h_myid > span {display:block;} /**/ #mainCon {width: 100%;min-height: 370px;padding-top: 100px;} #mainCon .nocontent {width: 100%;padding: 80px 0;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;text-align: center;margin-bottom: 50px;font-size: 18px;color: #757575;} #mainCon .mc_top {margin-bottom:70px;display:flex;position:relative;} #mainCon .mc_top .m_visual {width: 50%;height:400px;background:url(../img/bg_m_visual.png) no-repeat right top;background-size:cover;display: flex;align-items: flex-start;position:relative;} #mainCon .mc_top .m_visual .vtxt {margin-left: 10%;font-size: 40px;font-weight:500;color:#fff;z-index: 9;margin-top: 50px;line-height: 1.2em;} #mainCon .mc_top .m_visual .vtxt > span {display:block;padding-top:20px;font-size: 25px;font-weight:400;line-height: 1.2em;} #mainCon .mc_top .m_visual .vimg {position:absolute;bottom:0;right: -25px;width: 300px;height: 157px;background:url(../img/vimg.png) no-repeat 0 0;background-size: 100%;} #mainCon .mc_top .m_news {width: calc(50% - 100px);margin-right: 100px;} #mainCon .mc_top .m_news .m_news_in {margin: 45px 30px 0 30px;position:relative;} #mainCon .mc_top .m_news h2 {font-size:25px;font-weight:500;margin-bottom:30px;} #mainCon .mc_top .m_news ul {} #mainCon .mc_top .m_news ul li {margin-bottom:15px;} #mainCon .mc_top .m_news ul li a {display:block;font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #mainCon .mc_top .m_news ul li a strong {font-weight:400;} #mainCon .mc_top .m_news ul li span {display:block;font-size:14px;color:#757575;} #mainCon .mc_top .m_news .m_more {position:absolute;top:0;right:0;} #mainCon .mc_top .m_my_reserve {position:absolute;top:0;right:0;width: 100px;height: 160px;background:#13a200;display: flex;justify-content: center;align-items: center;transition:all .2s;} #mainCon .mc_top .m_my_reserve:hover {background:#108400;} #mainCon .mc_top .m_my_reserve span {font-size:18px;font-weight:500;color:#fff;} #mainCon .mc_in {width:90%;margin:0 auto;} #mainCon .section h3 {font-size:30px;font-weight:bold;text-transform:uppercase;} #mainCon .section h3.white {color:#fff !importnat;} .section_inner {max-width: 80%;margin: 0 auto;} .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;} /**/ #mainCon .tabmenu{margin:0 0 40px 0;font-size: 0;display: flex;justify-content: space-between;flex-wrap:wrap;} #mainCon .tabmenu:before, #mainCon .tabmenu:after{clear:both;display:table;content:"";line-height:0} #mainCon .tabmenu li{width: 20%;margin-bottom:1px;} #mainCon .tabmenu li:first-child a{margin:0} #mainCon .tabmenu li a{display: block;position: relative;padding: 0 15px;line-height: 50px;font-size: 16px;letter-spacing: -1px;color: #333;text-align: center;background: #fff;transition: all 0.2s;font-weight: 500;border:2px solid #333;border-radius: 50px;} #mainCon .tabmenu li a i{display:none} #mainCon .tabmenu li a:hover{} #mainCon .tabmenu li a.sel{position:relative;z-index:5;color:#fff;background:#333;line-height:50px;box-sizing:border-box;font-weight: 500;} #mainCon .tabmenu li.sel a {position:relative;z-index:5;color:#fff;background:#333;line-height:50px;box-sizing:border-box;font-weight: 500;} #mainCon .tabmenu li.mTabOn a{position:relative;z-index:5;color:#242b36;border:2px solid #1c2645;background:#fff;line-height:46px;box-sizing:border-box;} /**/ #mainCon .stab{margin:0 0 40px 0;font-size: 0;display: flex;justify-content: center;} #mainCon .stab:before, #mainCon .stab:after{clear:both;display:table;content:"";line-height:0} #mainCon .stab li{display:inline-block;padding: 0 30px;} #mainCon .stab li:first-child a{margin:0} #mainCon .stab li + li {margin-left: 5px;} #mainCon .stab li a{display: inline-block;position: relative;line-height: 50px;font-size: 24px;letter-spacing: -1px;color: #333;text-align: center;background: #fff;transition: all 0.2s;font-weight: 500;/* border:2px solid #333; *//* border-radius: 20px; */} #mainCon .stab li a i{display:none} #mainCon .stab li a:hover{} #mainCon .stab li a.sel{position:relative;z-index:5;color:#fff;background:#333;line-height:50px;box-sizing:border-box;font-weight: 500;} #mainCon .stab li.sel a {position:relative;z-index:5;color: #820cd3;line-height:50px;box-sizing:border-box;font-weight: 500;border-bottom:3px solid #820cd3;} #mainCon .stab li.mTabOn a{position:relative;z-index:5;color:#242b36;border:2px solid #1c2645;background:#fff;line-height:46px;box-sizing:border-box;} #mainCon .m_facility {display:flex;flex-wrap:wrap;} #mainCon .m_facility li {width: 24%;border: 1px solid #ddd;margin: 0 0.5% 50px;border-radius: 40px;position:relative;} #mainCon .m_facility li > .mfc_con {} #mainCon .m_facility li > .mfc_con .photo {height:190px;background:#f5f5f5;border-top-left-radius:40px;border-top-right-radius:40px;overflow:hidden;} #mainCon .m_facility li > .mfc_con .photo img {width:100%;height:190px;border-top-left-radius:40px;border-top-right-radius:40px;} #mainCon .m_facility li > .mfc_con .mfc_info {padding:30px;} #mainCon .m_facility li > .mfc_con .mfc_info .info_top {margin-bottom:8px;} #mainCon .m_facility li > .mfc_con .mfc_info .info_top > span {display:inline-block;font-size:15px;font-weight:500;} #mainCon .m_facility li > .mfc_con .mfc_info .info_top > span.lib {color:#757575;margin-right:15px;} #mainCon .m_facility li > .mfc_con .mfc_info .info_top > span.cate {color:#820cd3;} #mainCon .m_facility li > .mfc_con .mfc_info .mfc_tit {font-size:18px;font-weight:500;margin-bottom:20px;} #mainCon .m_facility li > .mfc_con .mfc_info > .detail {margin-bottom:60px;} #mainCon .m_facility li > .mfc_con .mfc_info > .detail p {margin-bottom:5px;} #mainCon .m_facility li > .mfc_view_wp {position:absolute;bottom:30px;left:0;width:100%;height:42px;} #mainCon .m_facility li > .mfc_view_wp > .mfc_view {display:block;padding:10px 20px;margin: 0 20px;text-align:center;background:#820cd3;color:#fff;font-size:15px;font-weight:500;border-radius:50px;} .section_inner {width: 94%;margin: 0 auto;} .section h3 {font-size: 30px;font-weight: 700;color: #000;text-transform: uppercase;} .section h3.white {color: #fff;} .section h4 {font-size: 28px;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 .lib1 {color: var(--mainColor);} .section .lib2 {color: var(--libColor2);} .section .lib3 {color: var(--libColor3);} .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 {} .section .controls .slick-arrow {overflow: hidden;width: 55px;height: 55px;border-radius: 50%;border-width: 1px;border-style: solid;border-color: #000;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;} /**/ #foot_section {padding: 50px 0 60px;background-color:#eee;} #foot_section .footer {position:relative;} #foot_section .f_top {position: relative;margin-bottom: 45px;} #foot_section .f_top .f_tit {font-size:26px;line-height:1.2em;color:#fff;} #foot_section .f_top .relate_site {position: absolute;top: 0;right: 0;width: 50%;max-width: 200px;/*padding: 15px 20px;font-size: 17px;color: #fff;border: 1px solid #1d2c57;background-color: transparent;background-image: url(../img/ico_relative_site.png);background-repeat: no-repeat;background-position: calc(100% - 20px) 50%;appearance: none;*/} #foot_section .f_top .relate_site option {font-size: 15px;font-weight: 300;background-color: #fff;color: #000;} #foot_section .f_top .relate_site > button {display: block;width: 100%;max-width: 200px;padding: 15px 20px;font-size: 17px;color: #fff;border: 1px solid #1d2c57;background-color: transparent;background-image: url(../img/ico_relative_site.png);background-repeat: no-repeat;background-position: calc(100% - 20px) 50%;text-align: left;} #foot_section .f_top .relate_site > div.sub {overflow-y: auto;display: none;position: absolute;top: 52px;left: 0;width: 100%;max-height: 250px;background-color: #fff;padding: 5px 15px;} #foot_section .f_top .relate_site > div.sub ul li a {display: block;padding: 10px 0;font-size: 16px;} #foot_section .f_top .relate_site > div.sub ul li + li a {border-top: 1px solid #ddd;} #foot_section .f_addr {} #foot_section .f_addr li {font-size:16px;font-weight:500;margin-bottom:10px;color:#fff;} #foot_section .f_addr li span {display:inline-block;margin-right:30px;} #foot_section .f_info {} #foot_section .f_info > a {display: inline-block;padding: 20px 0;font-size: 16px;} #foot_section .f_info > a.privacy {} #foot_section .f_info > a + a {margin-left: 30px;} #foot_section cite {display: block;font-size: 14px;font-style: normal;} #foot_section #gotop {position: absolute;top: -50px;right: 0;} #foot_section #gotop a{display:block;width: 80px;height: 80px;text-indent:-9999em;background:#ccc url(../img/btn_top_arr.png) no-repeat 50% 50%;} #mCard2 {display: none;} /**/ #contain {overflow: hidden;position: relative;width: 100%;} #contain .contain {width: 94%;margin: 140px auto 100px;} #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 {display:none;/*width: 100%;*/} #contain #subVisual .sub_visual .visual_wp {display:none;/*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);*/} #contain #subVisual .sub_visual .visual {width: 94%;margin: 0 auto;height: 100%;background-image: url(../img/ico_sub_visual.png);background-repeat: no-repeat;background-position: 100% 100%;background-size: auto 180px;} #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: 5px;font-size: 38px;font-weight: 700;color: #000;} #contain #subVisual .sub_visual .visual .visual_top p {font-size: 20px;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:90px 0 0;text-align: center;} #contain #subTitle h3 {margin-bottom: 0;font-size: 35px;font-weight: 500;} #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;min-height: 650px;font-family: var(--fontSubSet);} /**/ #aside {/*float: left;width: 200px;*/margin: 0 50px 0 0;} #aside h2 {display:none;/*width: 100%;padding: 0 15px 50px;text-align: center;*/} #aside h2 > span {font-size: 20px;font-weight: 400;vertical-align: middle;} #aside ul.left_menu {display:none;} #aside ul.left_menu > li {border-bottom: 1px solid #eaeaea;} #aside ul.left_menu > li:first-child {border-top: 1px solid #eaeaea;} #aside ul.left_menu > li > a {position: relative;z-index: 0;display: block;padding: 10px 15px;font-size: 16px;font-weight: 400;color: #555;transition: all 0.3s;} #aside ul.left_menu > li > a:hover {color: var(--mainColor);font-weight: 500;transition: all 0.3s;} #aside ul.left_menu > li > a::after {content: '';position: absolute;top: 50%;right: 10px;z-index: -1;width: 10px;height: 10px;margin-top: -5px; background-image: url(../img/ico_leftmenu.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 10px;} #aside ul.left_menu > li.sel > a::after {background-image: url(../img/ico_leftmenu_on.png);background-size: auto 2px;} #aside ul.left_menu > li.sel > a, #aside ul.left_menu > li.sel > a:hover {color: #fff;border: 0;background-color: var(--mainColor);transition: all 0.5s} #aside ul.left_menu > li ul {display: none;padding: 20px 25px;background: #f3f3f3;border-top: 0;} #aside ul.left_menu > li.sel ul {display: block;} #aside ul.left_menu > li li a {display: block;border: 0;font-size: 15px;height: auto;padding: 4px 0 4px 20px;margin: 0;color: #333; background-image: url(../img/ico_left_submenu.gif);background-repeat: no-repeat;background-position: 0 15px;background-size: auto 1px;} #aside ul.left_menu > li li:last-child a {border: 0} #aside ul.left_menu > li li a:hover, #aside ul.left_menu > li li a.sel {font-size: 15px;color:var(--subColor1);border: 0;background-image: url(../img/ico_left_submenu_on.png); background-position: 0 10px;background-size: 8px auto;} /* #aside ul.left_menu > li {} #aside ul.left_menu > li > a {position: relative;z-index: 0;display:block;padding: 0;font-size: 18px;font-weight: 400;color:#000;transition:all 0.3s;} #aside ul.left_menu > li + li > a {margin-top: 10px;} #aside ul.left_menu > li > a:hover {color: #4e0080;font-weight: 500;transition: all 0.3s;} #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);background-repeat: no-repeat;background-position: 50% 50%;} #aside ul.left_menu > li.sel > a {color: var(--mainColor);} #aside ul.left_menu > li ul {display: none;padding-left: 15px;margin: 12px 0 25px;border-left: 4px solid #eee;} #aside ul.left_menu > li.sel ul {display: block;} #aside ul.left_menu > li li a {display: block;font-size: 16px; 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 {color: var(--subColor1);text-decoration: underline;} #aside ul.left_menu > li li a.sel {color: var(--colorOrange);} #aside ul.left_menu > li li a.sel::after {content: '→';display: inline-block;font-size: 20px;margin-left: 10px;vertical-align: middle;} */ /* #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:60px 0 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: 1199px) { .section h3 {font-size: 28px;font-weight: 700;color: #000;text-transform: uppercase;} .section h3.white {color: #fff;} .section h4 {font-size: 26px;font-weight: 500;color: var(--mainColor);} .section .sub_title {font-size: 17px;font-weight: 500;color: #757575;} #mainCon .m_facility li {width: 32.33333%;border: 1px solid #ddd;margin: 0 0.5% 50px;border-radius: 40px;position:relative;} #mainCon .m_facility li > .mfc_con .photo {height:170px;background:#f5f5f5;border-top-left-radius:40px;border-top-right-radius:40px;overflow:hidden;} #mainCon .m_facility li > .mfc_con .photo img {width:100%;height:170px;border-top-left-radius:40px;border-top-right-radius:40px;} #mainCon .m_facility li > .mfc_con .mfc_info {padding:20px;} #mainCon .m_facility li > .mfc_con .mfc_info .info_top {margin-bottom:8px;} #mainCon .m_facility li > .mfc_con .mfc_info .info_top > span {display:inline-block;font-size:15px;font-weight:500;} #mainCon .m_facility li > .mfc_con .mfc_info .info_top > span.lib {color:#757575;margin-right:15px;} #mainCon .m_facility li > .mfc_con .mfc_info .info_top > span.cate {color:#820cd3;} #mainCon .m_facility li > .mfc_con .mfc_info .mfc_tit {font-size:18px;font-weight:500;margin-bottom:20px;} #mainCon .m_facility li > .mfc_con .mfc_info > .detail {margin-bottom:60px;} #mainCon .m_facility li > .mfc_con .mfc_info > .detail p {margin-bottom:5px;} #mainCon .m_facility li > .mfc_view_wp {position:absolute;bottom:30px;left:0;width:100%;height:42px;} #mainCon .m_facility li > .mfc_view_wp > .mfc_view {display:block;padding:10px 20px;margin: 0 20px;text-align:center;background:#820cd3;color:#fff;font-size:15px;font-weight:500;border-radius:50px;} /**/ #foot_section {padding: 30px 0 40px;background-color:#eee;} #foot_section .footer {position:relative;} #foot_section .f_top {position: relative;margin-bottom: 45px;} #foot_section .f_top .f_tit {font-size:26px;line-height:1.2em;color:#fff;} #foot_section .f_top .relate_site {position: absolute;top: 0;right: 0;width: 50%;max-width: 200px;/*padding: 15px 20px;font-size: 17px;color: #fff;border: 1px solid #1d2c57;background-color: transparent;background-image: url(../img/ico_relative_site.png);background-repeat: no-repeat;background-position: calc(100% - 20px) 50%;appearance: none;*/} #foot_section .f_top .relate_site option {font-size: 15px;font-weight: 300;background-color: #fff;color: #000;} #foot_section .f_top .relate_site > button {display: block;width: 100%;max-width: 200px;padding: 15px 20px;font-size: 17px;color: #fff;border: 1px solid #1d2c57;background-color: transparent;background-image: url(../img/ico_relative_site.png);background-repeat: no-repeat;background-position: calc(100% - 20px) 50%;text-align: left;} #foot_section .f_top .relate_site > div.sub {overflow-y: auto;display: none;position: absolute;top: 52px;left: 0;width: 100%;max-height: 250px;background-color: #fff;padding: 5px 15px;} #foot_section .f_top .relate_site > div.sub ul li a {display: block;padding: 10px 0;font-size: 16px;} #foot_section .f_top .relate_site > div.sub ul li + li a {border-top: 1px solid #ddd;} #foot_section .f_addr {} #foot_section .f_addr li {font-size:16px;font-weight:500;margin-bottom:10px;color:#fff;} #foot_section .f_addr li span {display:inline-block;margin-right:30px;} #foot_section .f_info {} #foot_section .f_info > a {display: inline-block;padding: 20px 0;font-size: 16px;} #foot_section .f_info > a.privacy {} #foot_section .f_info > a + a {margin-left: 30px;} #foot_section cite {display: block;font-size: 14px;font-style: normal;} #foot_section #gotop {position: absolute;top: -50px;right: 0;} #foot_section #gotop a{display:block;width: 80px;height: 80px;text-indent:-9999em;background:#ccc url(../img/btn_top_arr.png) no-repeat 50% 50%;} } @media all and (max-width: 1099px) { /* header */ #header {overflow: hidden;position:absolute;top: 0;left: 0;z-index:30002;width:100%;height: 70px !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: 65px;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;text-align: center;} #header h1 a img {padding-top:8px;} #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; } #header .h_sitemap {display:none;} /**/ 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: 3%;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; } .vtxt .line_break {display:block;} /**/ #contain #subVisual {display:block;} #contain #subVisual .sub_visual .visual_wp {display:none;/*display: table;width: 100%;height: 260px;padding-top: 60px;*/} #contain #subVisual .sub_visual .visual_wp .visual {height: 200px;background-size: auto 180px;} #contain #subVisual .sub_visual .visual_wp .visual h2 {font-size: 37px;font-weight: 700;color: #000;} #contain #subVisual .sub_visual .visual .visual_top p {font-size: 20px;} #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: 90px 0 0;} #contain #subTitle h3 {font-size: 33px;} #contain #subTitle .locator {display: none;} #contain .contain {margin: 30px auto 100px;} /**/ #design {float: none;width: 100%;font-family: var(--fontSubSet);} /**/ #aside {float: none;} #aside h2 {display:none;/*width: 100%;padding: 0 15px 50px;text-align: center;*/} #aside h2 > span {font-size: 20px;font-weight: 400;vertical-align: middle;} #aside ul.left_menu {display: none;} } @media all and (max-width: 999px) { /**/ #mainCon {width: 100%;} } @media all and (max-width: 840px) { /**/ #poplayer{position:absolute;z-index:1000;top:120px;left:50%;margin:0 0 0 -150px;width:300px;cursor:move} img{width:auto;max-width:100%;height:auto !important;} #OpenLayer {position: absolute;top: 150px;left: 10px;width: 70%;z-index: 9999;background: #fff;padding: 5px;border-radius: 5px;border: 1px solid #ccc;box-shadow: 5px 5px 20px rgba(0,0,0,0.3);text-align: right;} #OpenLayer > a {clear: both;font-size: 12px;} #OpenLayer #TodayClose {float: left;margin-right: 20px;} #OpenLayer img {width: 100%;} html.fp-enabled, .fp-enabled body {overflow: visible;} /* header */ #header {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;} #header h1 a img {height: 48px !important;padding-right: 63px;} #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%;min-height: 370px;padding-top: 60px;} #mainCon .nocontent {width: 100%;padding: 50px 0;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;text-align: center;margin-bottom: 50px;font-size: 16px;color: #757575;} #mainCon .mc_top {margin-bottom: 40px;position:relative;} #mainCon .mc_top .m_visual {height: 320px;background:url(../img/bg_m_visual.png) no-repeat right top;background-size:cover;display: flex;align-items: flex-start;position:relative;} #mainCon .mc_top .m_visual .vtxt {margin-left: 6%;padding-right: 100px;font-size: 26px;font-weight:500;color:#fff;z-index: 9;margin-top: 50px;line-height: 1.2em;} #mainCon .mc_top .m_visual .vtxt > span {display:block;padding-top:20px;font-size: 16px;font-weight:400;line-height: 1.2em;} #mainCon .mc_top .m_visual .vtxt .line_break {display:none;} #mainCon .mc_top .m_visual .vimg {position:absolute;bottom:0;right: 40px;width: 300px;height: 157px;background:url(../img/vimg.png) no-repeat 0 0;background-size: 100%;} #mainCon .mc_top .m_news {} #mainCon .mc_top .m_news .m_news_in {margin: 45px 30px 0 30px;position:relative;} #mainCon .mc_top .m_news h2 {font-size:25px;font-weight:500;margin-bottom:15px;} #mainCon .mc_top .m_news ul {} #mainCon .mc_top .m_news ul li {margin-bottom:10px;} #mainCon .mc_top .m_news ul li a {display:block;font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #mainCon .mc_top .m_news ul li a strong {font-weight:400;} #mainCon .mc_top .m_news ul li span {display:block;font-size:14px;color:#757575;} #mainCon .mc_top .m_news .m_more {position:absolute;top:7px;right:0;} #mainCon .mc_top .m_my_reserve {position:absolute;top:0;right:0;width: 80px;height: 120px;background:#13a200;display: flex;justify-content: center;align-items: center;transition:all .2s;} #mainCon .mc_top .m_my_reserve:hover {background:#108400;} #mainCon .mc_top .m_my_reserve span {font-size:18px;font-weight:500;color:#fff;} #mainCon .mc_in {width:90%;margin:0 auto;} .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 {} .section .controls .slick-arrow {overflow: hidden;width: 40px;height: 40px;border-radius: 50%;border-width: 1px;border-style: solid;border-color: #000;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;vertical-align: middle;background-size: auto 15px;} .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;font-size: 13px;} .section .controls .slider_dots ul li {display: none;} .section .controls .slider_dots ul li.slick-active {display: block;} .section_inner {width: 90%;margin: 0 auto;} .section h3 {font-size: 23px;font-weight: 700;color: #000;text-transform: uppercase;} .section h3.white {color: #fff;} .section h4 {font-size: 20px;font-weight: 500;color: var(--mainColor);} .section .sub_title {font-size: 17px;font-weight: 500;color: #757575;} /**/ #mainCon .tabmenu{margin:0 0 30px 0;font-size: 0;display: flex;justify-content: flex-start;flex-wrap:wrap;} #mainCon .tabmenu:before, #mainCon .tabmenu:after{clear:both;display:table;content:"";line-height:0} #mainCon .tabmenu li{width: 33.33333%;margin-bottom:1px;} #mainCon .tabmenu li:first-child a{margin:0} #mainCon .tabmenu li a{display: block;position: relative;padding: 0 10px;line-height: 32px;font-size: 13px;letter-spacing: -1px;color: #333;text-align: center;background: #fff;transition: all 0.2s;font-weight: 500;border:2px solid #333;border-radius: 50px;} #mainCon .tabmenu li a i{display:none} #mainCon .tabmenu li a:hover{} #mainCon .tabmenu li a.sel{position:relative;z-index:5;color:#fff;background:#333;line-height:32px;box-sizing:border-box;font-weight: 500;} #mainCon .tabmenu li.sel a {position:relative;z-index:5;color:#fff;background:#333;line-height:32px;box-sizing:border-box;font-weight: 500;} #mainCon .tabmenu li.mTabOn a{position:relative;z-index:5;color:#242b36;border:2px solid #1c2645;background:#fff;line-height:46px;box-sizing:border-box;} /**/ #mainCon .stab{margin:0 0 30px 0;font-size: 0;display: flex;justify-content: center;flex-wrap: wrap;} #mainCon .stab:before, #mainCon .stab:after{clear:both;display:table;content:"";line-height:0} #mainCon .stab li{display:inline-block;padding: 0 6px;} #mainCon .stab li:first-child a{margin:0} #mainCon .stab li + li {margin-left: 5px;} #mainCon .stab li a{display: inline-block;position: relative;line-height: 30px;font-size: 17px;letter-spacing: -1px;color: #333;text-align: center;background: #fff;transition: all 0.2s;font-weight: 500;/* border:2px solid #333; *//* border-radius: 20px; */} #mainCon .stab li a i{display:none} #mainCon .stab li a:hover{} #mainCon .stab li a.sel{position:relative;z-index:5;color:#fff;background:#333;line-height:30px;box-sizing:border-box;font-weight: 500;} #mainCon .stab li.sel a {position:relative;z-index:5;color: #820cd3;line-height: 30px;box-sizing:border-box;font-weight: 500;border-bottom:3px solid #820cd3;} #mainCon .stab li.mTabOn a{position:relative;z-index:5;color:#242b36;border:2px solid #1c2645;background:#fff;line-height:46px;box-sizing:border-box;} #mainCon .m_facility {display:block;} #mainCon .m_facility li {/* width: 24%; */border: 1px solid #ddd;/* margin: 0 0.5% 50px; */border-radius: 40px;margin-bottom: 30px;position:relative;} #mainCon .m_facility li > .mfc_con {} #mainCon .m_facility li > .mfc_con .photo {height:190px;background:#f5f5f5;border-top-left-radius:40px;border-top-right-radius:40px;overflow:hidden;} #mainCon .m_facility li > .mfc_con .photo img {width:100%;height:190px;border-top-left-radius:40px;border-top-right-radius:40px;} #mainCon .m_facility li > .mfc_con .mfc_info {padding:30px;} #mainCon .m_facility li > .mfc_con .mfc_info .info_top {margin-bottom:8px;} #mainCon .m_facility li > .mfc_con .mfc_info .info_top > span {display:inline-block;font-size:15px;font-weight:500;} #mainCon .m_facility li > .mfc_con .mfc_info .info_top > span.lib {color:#757575;margin-right:15px;} #mainCon .m_facility li > .mfc_con .mfc_info .info_top > span.cate {color:#820cd3;} #mainCon .m_facility li > .mfc_con .mfc_info .mfc_tit {font-size:18px;font-weight:500;margin-bottom:20px;} #mainCon .m_facility li > .mfc_con .mfc_info > .detail {margin-bottom:60px;} #mainCon .m_facility li > .mfc_con .mfc_info > .detail p {margin-bottom:5px;} #mainCon .m_facility li > .mfc_view_wp {position:absolute;bottom:30px;left:0;width:100%;height:42px;} #mainCon .m_facility li > .mfc_view_wp > .mfc_view {display:block;padding:10px 20px;margin: 0 20px;text-align:center;background:#820cd3;color:#fff;font-size:15px;font-weight:500;border-radius:50px;} /**/ #foot_section {padding: 30px 0 30px;background-color:#eee;} #foot_section .footer {position:relative;} #foot_section .f_top {position: relative;margin-bottom: 28px;} #foot_section .f_top .f_tit {font-size: 20px;line-height:1.2em;} #foot_section .f_top .relate_site {position: absolute;top: 0;right: 0;width: 50%;max-width: 200px;/*padding: 15px 20px;font-size: 17px;color: #fff;border: 1px solid #1d2c57;background-color: transparent;background-image: url(../img/ico_relative_site.png);background-repeat: no-repeat;background-position: calc(100% - 20px) 50%;appearance: none;*/} #foot_section .f_top .relate_site option {font-size: 15px;font-weight: 300;background-color: #fff;} #foot_section .f_top .relate_site > button {display: block;width: 100%;max-width: 200px;padding: 15px 20px;font-size: 17px;border: 1px solid #1d2c57;background-color: transparent;background-image: url(../img/ico_relative_site.png);background-repeat: no-repeat;background-position: calc(100% - 20px) 50%;text-align: left;} #foot_section .f_top .relate_site > div.sub {overflow-y: auto;display: none;position: absolute;top: 52px;left: 0;width: 100%;max-height: 250px;background-color: #fff;padding: 5px 15px;} #foot_section .f_top .relate_site > div.sub ul li a {display: block;padding: 10px 0;font-size: 16px;} #foot_section .f_top .relate_site > div.sub ul li + li a {border-top: 1px solid #ddd;} #foot_section .f_addr {} #foot_section .f_addr li {font-size: 15px;font-weight:500;margin-bottom: 5px;} #foot_section .f_addr li span {display:inline-block;margin-right:30px;} #foot_section .f_info {/* position:absolute; */top: 105px;right:0;} #foot_section .f_info > a {display: inline-block;padding: 20px 0;font-size: 15px;} #foot_section .f_info > a.privacy {} #foot_section .f_info > a + a {margin-left: 30px;} #foot_section cite {display: block;font-size: 14px;font-style: normal;} #foot_section #gotop {display: none;} #foot_section #gotop a{/*display:block;width: 80px;height: 80px;text-indent:-9999em;background:#aa8038 url(../img/btn_top_arr.png) no-repeat 50% 50%;*/} /* 서브비주얼 */ #contain #subVisual {width: 100%;} #contain #subVisual .sub_visual .visual_wp {display:none;/*width: 100%;height: auto;padding-top: 80px;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;background-image: url(../img/bg_sub_visual.jpg);*/} #contain #subVisual .sub_visual .visual_wp .visual {width: 94%;height: auto;margin: 0 auto;padding-bottom: 110px;background-image: url(../img/ico_sub_visual.png);background-repeat: no-repeat;background-position: 100% 100%;background-size: auto 100px;} #contain #subVisual .sub_visual .visual .visual_top {} #contain #subVisual .sub_visual .visual .visual_top > div {} #contain #subVisual .sub_visual .visual .visual_top h2 {margin-bottom: 5px;font-size: 24px;font-weight: 700;color: #000;} #contain #subVisual .sub_visual .visual .visual_top p {font-size: 16px;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: 80px 0 0;background:#fff;text-align: center;} #contain #subTitle h3 {margin-bottom: 5px;font-size: 27px;font-weight: 500;} #contain #subTitle .locator {display:none;} #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 {} /**/ #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: 320px;padding-top:10px;height: 100%;background:#480275;padding-bottom: 105px;} #dkleft .lefttit{text-align:left;width: 100%;box-sizing: border-box;background:#480275;} #dkleft .lefttit img{height: 25px;} #dkleft .select {height: 100%;overflow-y: auto;margin-top: 40px;} #dkleft .lefttit button {display:block;position:relative;padding: 1px;margin:10px;font-size: 16px;color:#fff;border:0;background:transparent;font-family: 'Montserrat';font-weight: 500;border-bottom:1px solid #fff;} #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:#6f00b7;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: #6f00b7;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: 10px;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: 500px) { #foot_section .site_info .sns_wp {margin-top: 10px;} #foot_section .site_info .sns_wp > a {display: inline-block;width: 20px;height: 20px;margin-left: 7px;vertical-align: middle;text-indent: -9999px;background-repeat: no-repeat;background-position: 50% 50%;} #foot_section .site_info .sns_wp > a.facebook {background-image: url(../img/ico_f_facebook.png);} #foot_section .site_info .sns_wp > a.yutube {background-image: url(../img/ico_f_yutube.png);} #foot_section .site_info .sns_wp > a:first-child {margin-left: 0;} } @media all and (max-width: 400px) { #main_visual .main_slogan div {font-size: 26px;} #main_visual .controler {left: calc(5% + 90px);} #mainCon .mc_top .m_visual .vtxt {font-size:25px;} #mainCon .mc_top .m_visual .vtxt .line_break {display:block;} #section01 .about_list {display: block;margin-bottom: 40px;} #section01 .about_list li {width: 100%;padding: 30px 20px;margin-bottom: 10px;} #section02 .controler {top:180px;} #section04 .m_link li a {font-size: 17px;} #section04 .m_link li a span {margin-left: 20px;} #foot_section .f_link > ul > li {float: none;width: 100%;border: 1px solid #dde1df;border-bottom: 0;} #foot_section .f_link > ul > li:last-child {border-bottom: 1px solid #dde1df;} #foot_section .f_link > ul > li:nth-child(-n+2) {border-top: 1px solid #dde1df;} #foot_section .f_link > ul > li:first-child {border-top: 0;} }