/*sub1.css*/ .flex-wrap { flex-wrap: wrap; } .dp-flex { display: flex; } :host, :root { --fa-style-family-classic: "Font Awesome 6 Free"; --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; } :host, :root { --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"; } :host, :root { --fa-style-family-brands: "Font Awesome 6 Brands"; --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; } :root { --swiper-navigation-size: 44px; } :root { --swiper-theme-color: #007aff; } :root { --clr--main: #e73079; --clr--main--rgb: 231, 48, 121; } :root { --smooth-transform-transition: transform 0.8s cubic-bezier(0.165, 0.840, 0.440, 1.000); --smooth-clip-path-transition: clip-path 0.8s cubic-bezier(0.165, 0.840, 0.440, 1.000); } /* 페이지경로 */ div.page-navi { position:relative; background:#fff; height:69px; border-radius:0px; padding:0; padding:0px 0; top:0px; border-bottom:1px solid #cacaca;} .in_title {text-align:center; margin-top:30px;} .in_title h3 { font-size:24px; color:#333333; font-weight:600; display:block; letter-spacing:-2px; padding-bottom:10px; background:url(../img/page_line.jpg) no-repeat center bottom;} div.page-navi ul{display:flex; } div.page-navi ul.page-location > li{ color:#333333; min-width:200px; border-right:1px solid #e3e3e3; height:69px; margin-right:1px; padding-left:0px; font-size:20px; padding-right:0px; letter-spacing:-1px; position:relative;} div.page-navi ul.page-location > li.home { background:none; width:60px; min-width:60px; border-right:1px solid #e3e3e3; text-align:center; padding-left:0; font-size:20px; color:#333333; } div.page-navi ul.page-location > li.home i.home_icon {display:inline-block; width:20px; height:20px; background:url(../../img/home_icon.png) no-repeat; background-size:100%;} div.page-navi ul.page-location > li strong{ color:#000000; font-weight:normal;} div.page-navi ul.page-location > li > a {color:#333333; display:flex; align-items:center; height:100%; font-size:15px; padding-left:10px; padding-right:30px;} div.page-navi ul.page-location > li > a i {position:absolute; right:15px; top:25px; color:#dddddd;} div.page-navi ul.page-location > li.home a {display:flex; align-items:center; justify-content:center; padding:0;} div.page-navi ul.page-location > li.home > a i {position:relative; right:auto; top:auto;} div.page-navi ul li.hover .hidden-menu {display:block;} ol.hidden-menu {position:absolute; display:none; background:#f9f9f9; z-index:999; top:68px; left:-2px; width:calc(100% + 3px); list-style:none; margin:0; padding:0; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border:1px solid #ddd; overflow:hidden;} ol.hidden-menu li {clear:both; background:#fff; padding:0; width:100%; border-bottom:1px solid #e3e3e3; } ol.hidden-menu li a {display:block; background:#fff; color:#333333; font-size:14px; padding:10px 20px;} ol.hidden-menu li a:hover {background:#F1FCF8; color:#333333;} ol.hidden-menu li:last-child {border-bottom:none;} ol.hidden-menu .depth3_menu {padding:0px 0; position:relative; margin-top:0; margin-left:0; background-size:#f9f9f9; } ol.hidden-menu .depth3_menu li {background-size:#f9f9f9;} ol.hidden-menu .depth3_menu li a {font-size:14px; padding:5px 18px; display:block; letter-spacing:-1px; background-size:#f9f9f9 !important;; border-bottom:none !important;;} ol.hidden-menu .depth3_menu li a.active {color:#158d44;} div.page-navi .share_box {position:absolute; right:20px; top:0px; } div.page-navi .share_box ul {display:flex;} div.page-navi .share_box ul li {min-width:auto; border:none;} div.page-navi .share_box a.share_btn {display:inline-block; width:50px; height:59px; background:url(../../img/share_icon.png) no-repeat center center; text-indent:-50000px;} div.page-navi .share_box a.clip_btn {display:inline-block; width:50px; height:59px; background:url(../../img/clip_icon.png) no-repeat center center; text-indent:-50000px;} div.page-navi .share_box a.print_btn {display:inline-block; width:50px; height:59px; background:url(../../img/print_icon.png) no-repeat center center; text-indent:-50000px;} @media (max-width:900px) { div.article {padding-bottom:100px;} div.page-navi {height:60px;} div.page-navi ul.page-location > li {min-width:auto; height:60px;} div.page-navi ul.page-location > li:nth-child(2) {min-width:140px; font-size:16px;} div.page-navi ul.page-location > li:nth-child(3) {min-width:150px; font-size:16px;} div.page-navi ul.page-location > li > a {font-size:16px;} div.page-navi ul.page-location > li > a i {right:10px; top:20px;} div.page-navi ul.page-location > li.home { min-width:50px;} div.page-navi ul.page-location > li.home img {position:relative; top:-3px;} .hidden-menu {width:150px !important;} .hidden-menu li {width:100% !important; } .hidden-menu li a {font-size:13px; } ol.hidden-menu {top:59px;} div.page-navi .share_box {} ::-webkit-scrollbar { width: 6px; height:6px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); -webkit-border-radius: 6px; border-radius: 6px; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 6px; border-radius: 6px; background: rgba(0,0,0,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.4); } } @media (max-width:676px) { div.page-navi ul.page-location > li:nth-child(2) {min-width:120px; font-size:13px;} div.page-navi ul.page-location > li:nth-child(3) {min-width:130px; font-size:13px;} div.page-navi ul.page-location > li {padding-left:0px;} div.page-navi ul.page-location > li a {font-size:14px;} div.page-navi .share_box { font-size:15px;} ol.hidden-menu li {padding-left:0 !important;} ol.hidden-menu li a {padding:10px 10px;} } @media (max-width:550px) { div.page-navi ul.page-location > li.home { width:40px; min-width:40px;} div.page-navi .share_box {/*right:10px; top:-70px; border:1px solid #ddd; height:59px; background:#FFF; border-radius:50px; padding:0px;*/ right:0px;} div.page-navi .share_box a.clip_btn {display:none;} div.page-navi .share_box a.print_btn {display:none;} } .subvisual {position:relative; text-align:center; z-index:0; height:300px;} .subvisual img { width:auto; object-fit:cover; height:100%;} .subvisual_txt {position:absolute; display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; z-index:0; text-align:center; top:0; width:100%; color:#fff; font-weight:bold; } .subvisual_txt h3 {font-family: 'GmarketSansMedium'; font-size:15px; color:#FFF;} .page_control {} .page_control .next_page_btn {display:flex; align-items:end; padding-bottom:30px; padding-left:10px;position:absolute; right:60px; bottom:140px; font-family: 'S-CoreDream-7ExtraBold'; color:rgba(255,255,255,0.6); width:281px; height:74px; background:url(../../img/next_page_btn.png) no-repeat;} .page_control .prev_page_btn {display:flex; align-items:end; padding-bottom:30px; padding-right:10px; justify-content:right; position:absolute; left:60px; bottom:140px; font-family: 'S-CoreDream-7ExtraBold'; color:rgba(255,255,255,0.6); width:281px; height:74px; background:url(../../img/prev_page_btn.png) no-repeat;} .content-area {padding:80px 0 100px 0;} .content-area.no_bottom {padding-bottom:0px;} .txt-center {text-align:center;} .content-title {position:relative; margin-top:100px; font-size:25px; padding-top:17px; margin-bottom:30px;} .content-title:before {position:absolute; content:""; left:0; top:0; width:35px; height:2px; background:#000000;} .content-title.first {margin-top:0;} .content-title-b {margin-top:50px; margin-bottom:20px; text-align:center; font-size:20px; font-weight:bold;} .subcontent-title {background:url(../../img/bullet.png) no-repeat 10px 10px; padding-left:30px; } .content-title a.btn-default {display:inline-block; border:1px solid #ddd; border-radius:5px; background:#f4f4f4; font-size:14px; padding:5px 20px;} @media all and (min-width:2000px){ .subvisual {height:300px;} .subvisual img {position:absolute; height:auto; width:100%; top:50%; left:50%; transform:translate(-50%, -50%);} } @media all and (max-width:1000px){ .subvisual {height:350px;} .subvisual img {position:absolute; height:100%; top:50%; left:50%; transform:translate(-50%, -50%);} .page_control {display:none;} } @media all and (max-width:676px){ .content-area {padding:50px 0 50px 0;} .content-title {font-size:22px; margin-bottom:15px;} .subcontent-title {font-size:15px;} .subvisual {height:160px;} .subvisual img {position:absolute; height:100%; top:50%; left:50%; transform:translate(-50%, -50%);} .page_control {display:none;} .subvisual_txt h3 {font-size:12px;} } .responsive_youtube {position: relative; height:0; padding-bottom: 56.25%; } /*52.25%*/ .responsive_youtube iframe {position:absolute; width:100%; height:100%; top:0; left:0;} .point_color {color:#e50150; font-weight:bold;} .page-title {display:block; text-align:center; font-size:35px; font-weight:600; padding-bottom:50px; margin-bottom:50px; line-height:140%; font-family: 'NanumSquare'; letter-spacing:-2px; background:url(../../img/title_line.jpg) no-repeat center bottom;} @media all and (max-width:1000px){ .page-title {font-size:36px;} } @media all and (max-width:700px){ .page-title {font-size:24px;} } /*안락소개*/ .about_box01 {text-align:center; margin:70px 0;} .about_box01 h3 {font-size:40px; line-height:1.4; font-weight:600; margin-bottom:30px;} .about_box01 p {font-size:25px; font-weight:500; line-height:1.4; color:#ffffff; background:#000; display:inline-block; padding:0 10px;} .about_box02 {height:1100px; position:relative; /*background:url(../../img/about_bg.jpg) no-repeat;*/ padding-top:84px; text-align:center; padding-bottom:60px;background-size:cover; } .about_box02 .img_bg {position:absolute; left:0; top:0; width:100%; z-index:1; } .about_box02 .img_bg img {clip-path: circle(10% at center); transition:all .5s; height:1100px !important; width:auto !important;} .about_box02 .img_bg.active img {clip-path: circle(75% at center); } .about_box02 .txt {position:relative; z-index:2;} .about_box02 .txt h3 {font-family: 'GmarketSansMedium'; font-size:25px; color:#fff; line-height:1.6; margin-top:80px; margin-bottom:30px;} .about_box02 .txt h4 {font-family: 'InkLipquid'; font-size:40px; color:#fff; line-height:1.6; margin-bottom:60px;} .about_box02 .txt h4 b {font-size:50px;} .about_box02 .txt p {font-family: 'NanumSquare'; font-size:18px; color:#ffffff; line-height:2.4; margin-bottom:60px;} .about_box02 .img_txt {position:absolute; bottom:0; z-index:2; margin:0px 0; width:100%; text-align:Center;} .about_picto {display:flex; max-width:760px; margin:0 auto; } .about_picto li {width:40%; border:1px dashed #c9ba4c; position:relative; border-radius:100%;} .about_picto li:after {content: ""; display: block; padding-bottom: 100%;} .about_picto li .inner {position:absolute; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;} .about_picto li:first-child {left:5%;} .about_picto li:last-child {right:5%;} .about_picto li .inner div.txt {font-family: 'NanumSquare'; font-size:26px; color:#ecb40e; line-height:120%; font-weight:bold; margin-top:10px; margin-bottom:0; } .about_picto li .icon {display:inline-block; width:82px; height:82px; } .about_picto li .icon.icon01 {background:url(../../img/about_icon01.png) no-repeat;} .about_picto li .icon.icon02 {background:url(../../img/about_icon02.png) no-repeat;} .about_picto li .icon.icon03 {background:url(../../img/about_icon03.png) no-repeat;} .brand {position:relative; z-index:2; padding-left:316px; margin-top:60px;} .brand .title {position:absolute; left:0; top:0; padding-top:30px; } .brand .img {background:#FFF; display:block; text-align:center; } .brand .title h3 {font-family: 'GmarketSansBold'; font-size:60px; color:#020101; line-height:120%;} .brand .title p {font-family: 'GmarketSansLight'; font-size:20px; color:#020101; margin-top:40px;} @media all and (max-width:1100px){ .about_box01 {margin:50px 0;} .about_box01 h3 {font-size:30px;} .about_box01 p {font-size:20px;} /*.about_box02 {padding:60px 0 70px 0;} .about_box02 .txt h3 {font-size:24px;} .about_box02 .brand h3 {font-size:24px; height:60px;} .about_box02 .txt h3 {font-size:24px; margin-bottom:30px;} .about_box02 .txt p {font-size:16px; margin-bottom:30px;} .about_box02 .img_txt {margin:50px 0; } .about_box02 .brand .img { padding:20px;}*/ .about_box02 {height:900px; padding:60px 0;} .about_box02 .img_bg {} .about_box02 .img_bg img {height:900px !important;} .about_box02 .txt h3 {font-size:22px; margin-top:50px; margin-bottom:20px;} .about_box02 .txt h4 { font-size:30px; margin-bottom:30px;} .about_box02 .txt h4 b {font-size:40px;} .about_box02 .txt p { font-size:18px; color:#ffffff; line-height:2.4; margin-bottom:50px;} .about_box02 .img_txt {} .about_picto li {} .about_picto li .inner div.txt {font-size:20px; color:#ecb40e; line-height:120%; font-weight:bold; margin-top:10px; margin-bottom:0; } .about_picto li .icon {display:inline-block; width:82px; height:82px; } .brand {padding-left:316px; margin-top:60px;} .brand .title {padding-top:30px; } .brand .title h3 {font-size:60px; } .brand .title p {font-size:20px; margin-top:40px;} } @media all and (max-width:660px){ .about_box01 {margin:30px 0;} .about_box01 h3 {font-size:22px; margin-bottom:10px;} .about_box01 p {font-size:18px; display:inline;} /*.about_box02 {padding:40px 0 40px 0; background:#000;} .about_box02 .txt h3 {font-size:24px;} .about_box02 .brand h3 {font-size:20px; height:50px;} .about_box02 .txt h3 {font-size:20px; margin-bottom:10px;} .about_box02 .txt p {font-size:14px; margin-bottom:10px;} .about_box02 .img_txt {margin:50px 0; } .about_box02 .brand .img { padding:20px;}*/ .about_box02 {height:750px; padding:60px 0;} .about_box02 .img_bg {} .about_box02 .img_bg img {height:750px !important;} .about_box02 .txt h3 {font-size:18px; margin-top:30px; margin-bottom:20px; padding:0 10px;} .about_box02 .txt h4 { font-size:26px; margin-bottom:20px; padding:0 10px;} .about_box02 .txt h4 b {font-size:34px;} .about_box02 .txt p { font-size:16px; color:#ffffff; line-height:1.8; margin-bottom:30px; padding:0 10px;} .about_box02 .img_txt {} .about_picto li {} .about_picto li .inner div.txt {font-size:16px; color:#ecb40e; line-height:120%; font-weight:bold; margin-top:10px; margin-bottom:0; } .about_picto li .icon {display:inline-block; width:65px; height:65px; background-size:100% !important;} .brand {padding-left:0; margin-top:40px;} .brand .title {position:relative; padding-top:30px; margin-bottom:20px;} .brand .title h3 {font-size:40px; line-height:1;} .brand .title h3 br {display:none;} .brand .title h3 span {margin-left:10px;} .brand .title p {font-size:16px; margin-top:0px;} .brand .title p br {display:none;} .brand .title p span {margin-left:10px;} } @media all and (max-width:430px){ .about_box01 {padding:0 10px;} .about_box01 h3 {font-size:20px;} .about_box01 p {font-size:14px;} /*.about_box02 {padding:30px 10px 30px 10px;} .about_box02 .txt h3 {font-size:20px;} .about_box02 .brand h3 {font-size:16px; height:50px;} .about_box02 .txt h3 {font-size:18px; margin-bottom:10px;} .about_box02 .txt p {font-size:14px; margin-bottom:10px;} .about_box02 .img_txt {margin:50px 0; } .about_box02 .brand .img { padding:20px;}*/ .about_box02 {height:660px; padding:60px 0;} .about_box02 .img_bg {} .about_box02 .img_bg img {height:660px !important;} .about_box02 .txt h3 {font-size:16px; margin-top:30px; margin-bottom:20px; padding:0 10px;} .about_box02 .txt h4 { font-size:20px; margin-bottom:20px; padding:0 10px;} .about_box02 .txt h4 b {font-size:28px;} .about_box02 .txt p { font-size:14px; color:#ffffff; line-height:1.8; margin-bottom:30px; padding:0 10px;} .about_box02 .img_txt {} .about_picto li {} .about_picto li .inner div.txt {font-size:14px; color:#ecb40e; line-height:120%; font-weight:bold; margin-top:10px; margin-bottom:0; } .about_picto li .icon {width:50px; height:50px; background-size:100% !important;} .brand {padding-left:0; margin-top:40px;} .brand .title {position:relative; padding-top:30px; margin-bottom:20px;} .brand .title h3 {font-size:26px; line-height:1;} .brand .title h3 br {display:none;} .brand .title h3 span {margin-left:10px;} .brand .title p {font-size:14px; margin-top:10px; line-height:1.3;} .brand .title p br {display:none;} .brand .title p span {margin-left:10px;} } /*전시공연관련css*/ .at-search {border:2px solid #e5e5e5; padding:25px 10px; margin-bottom:70px;} .at-search .at-search-ul {max-width:460px; margin:0 auto; display:flex; flex-wrap:wrap; gap:5px;} .at-search .at-search-ul li:nth-child(1) {width:85px;} .at-search .at-search-ul li:nth-child(2) {flex:1;} .at-search .at-search-ul li:nth-child(3) {width:85px;} .at-search .at-search-ul li select {border:1px solid #000; height:48px; width:100%; font-size:16px;} .at-search .at-search-ul li input.inputbox {border:1px solid #000; height:48px; width:100%; font-size:14px; text-indent:10px;} .at-search .at-search-ul li button.btn_submit {background:#000; width:100%; height:48px; color:#FFF; font-size:16px;} .at-boardList {padding:0 45px;} .at-boardList > ul {display:flex; flex-wrap:wrap; margin-left:-4%;} .at-boardList > ul > li {width:21%; margin-left:4%; margin-bottom:4%;} .at-boardList > ul > li .info {padding:20px 0 30px 0; border-bottom:1px solid #2d2d2d; } .at-boardList > ul > li .info .stat {display:inline-block; padding:2px 10px; border:1px solid #7d868c; font-size:15px;} .at-boardList > ul > li .info .stat.end {border:1px solid #7d868c; color:#7d868c;} .at-boardList > ul > li .info .stat.ing {border:1px solid #f2650f; color:#f2650f;} .at-boardList > ul > li .info .title {height:54px; font-size:22px; color:#000000; display:block; font-weight:bold; margin:15px 0 10px 0; letter-spacing:-1px; overflow: hidden; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .at-boardList > ul > li .info ul {} .at-boardList > ul > li .info ul li {position:relative; padding-left:40px; font-size:16px; color:#666; letter-spacing:-1px; font-weight:600;} .at-boardList > ul > li .info ul li span {position:absolute; left:0; top:0; color:#000000;} .at-boardList > ul > li .info ul li.date {color:#ff6600;} .at-boardList > ul > li .img {overflow:hidden;} .at-boardList > ul > li .img img {transition:all .3s; max-width:100%; height:auto;} .at-boardList > ul > li:hover .img img {transform:scale(1.1);} @media all and (max-width:1000px){ .at-boardList > ul {margin-left:-2%;} .at-boardList > ul > li {width:31.33333%; margin-left:2%; margin-bottom:2%;} .at-boardList > ul > li .info .title {height:48px; font-size:18px; margin:10px 0 10px 0;} .at-boardList > ul > li .info ul li {font-size:14px;} } @media all and (max-width:767px){ .at-search {margin-bottom:40px;} .at-boardList {padding:0 10px;} .at-boardList > ul {margin-left:-3%;} .at-boardList > ul > li {width:47%; margin-left:3%; margin-bottom:3%;} } @media all and (max-width:450px){ .at-boardList > ul > li .info .stat {font-size:12px;} .at-boardList {padding:0 0px;} .at-boardList > ul > li .info .title {font-size:16px; margin:10px 0 10px 0;} .at-boardList > ul > li .info ul li {font-size:12px; padding-left:35px;} } .at-boardView {display:flex; flex-wrap:wrap;} .at-boardView .img {padding:0 46px; width:350px;} .at-boardView.performance .img {padding:0 0px;} .at-boardView .img img {max-width:100%; height: auto; box-shadow:10px 10px 10px rgba(0,0,0,0.17);} .at-boardView .info {width:calc(100% - 350px); padding-left:35px;} .at-boardView .info .stat {display:inline-block; padding:2px 10px; border:1px solid #7d868c; font-size:15px;} .at-boardView .info .stat.end {border:1px solid #7d868c; color:#7d868c;} .at-boardView .info .stat.ing {border:1px solid #f2650f; color:#f2650f;} .at-boardView .info h3 {position:relative; font-size:35px; font-weight:600; letter-spacing:-1px; line-height:140%; padding:10px 145px 40px 0;} .at-boardView .info h3 a.reserv_btn {position:absolute; right:0; top:-10px; width:143px; height:84px; display:flex; background:#1a2332; font-size:18px; color:#FFF; justify-content:center; align-items:center;} .at-boardView .info ul {display:flex; flex-wrap:wrap; border-top:2px solid #000;} .at-boardView .info ul li {width:50%; border-bottom:1px solid #e6e6e6; position:relative; font-size:16px; color:#666666; font-weight:600; padding:16px 0 16px 160px;} .at-boardView .info ul li span {position:absolute; left:16px; top:16px; font-size:17px; color:#000;} .at-boardTab {margin:80px 0 0 0;} .at-boardTab ul {display:flex; border-bottom:1px solid #0e0e0e;} .at-boardTab ul li {width:205px;} .at-boardTab ul li a {display:flex; height:62px; border:1px solid #0e0e0e; justify-content:center; align-items:center; font-size:18px; font-weight:600; border-bottom:none;} .at-boardTab ul li a.active {background:#0e0e0e; color:#FFF;} .at-boardContents {padding:80px 40px; font-size:16px; line-height:200%; border-bottom:1px solid #afafaf;} .at-boardContents img {max-width:100%;} .at-boardBtn {text-align:center; margin-top:35px; margin-bottom:80px;} .at-boardBtn .list_btn {width:113px; height:58px; display:inline-flex; align-items:center; justify-content:center; background:#000000; color:#FFF; font-size:18px; font-weight:600;} @media all and (max-width:1100px){ .at-boardView .img {padding:0 10px; width:250px;} .at-boardView .info {width:calc(100% - 250px); padding-left:35px;} .at-boardView .info h3 {font-size:30px;} .at-boardView .info ul li {width:100%; font-size:14px; padding:10px 0 10px 100px;} .at-boardView .info ul li span {left:10px; top:10px; font-size:15px;} .at-boardView .info ul li.empty {display:none;} } @media all and (max-width:767px){ .at-boardView .img {padding:0 10px; width:200px;} .at-boardView .info {width:calc(100% - 200px); padding-left:20px;} .at-boardView .info h3 {font-size:26px;} .at-boardView .info ul li {width:100%; font-size:14px; padding:10px 0 10px 100px;} .at-boardView .info ul li span {left:10px; top:10px; font-size:15px;} .at-boardView .info ul li.empty {display:none;} .at-boardView .info h3 a.reserv_btn {top:0px; width:123px; height:74px; font-size:16px;} .at-boardTab ul li {width:180px;} .at-boardTab ul li a {font-size:16px; height:50px;} .at-boardContents {padding:50px 20px;} } @media all and (max-width:600px){ .at-boardView .img {padding:0 10px 30px 10px; width:100%; text-align:center;} .at-boardView.performance .img {padding:0 10px 30px 10px;} .at-boardView .info {width:100%; padding:0 10px;} .at-boardView .info h3 {font-size:22px; padding-right:0;} .at-boardView .info ul li {width:100%; font-size:14px; padding:10px 0 10px 100px;} .at-boardView .info ul li span {left:10px; top:10px; font-size:15px;} .at-boardView .info ul li.empty {display:none;} .at-boardView .info h3 a.reserv_btn {position:relative; top:10px; margin-left:auto; width:123px; height:45px; font-size:14px;} .at-boardTab ul li {width:130px;} .at-boardTab ul li a {font-size:14px;} .at-boardContents {padding:30px 10px;} } /*오시는길*/ #sub_page.company04 section { display: flex; margin-bottom: 80px; padding-bottom: 80px; border-bottom: 1px #eee solid; } #sub_page.company04 section .left { width: 38%; } #sub_page.company04 section .right { width: 62%; padding-left: 100px; } #sub_page.company04 section .left .box.box01 { margin-bottom: 50px; line-height:1.5; } #sub_page.company04 section .left .box span { font-size: 20px; font-weight: 900; font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif; position: relative; display:inline-block } #sub_page.company04 section .left .box span::before { position: absolute; width: 100%; height: 8px; background: rgba(255, 234, 93, 1); content: ''; margin-top: 21px; z-index: -1; } #sub_page.company04 section .left .box h1 { font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif; font-size: 30px; font-weight: 900; color: #000; } #sub_page.company04 section .left .box h1 small { font-size:25px;} #sub_page.company04 section .left .box .flex { display: flex; margin-top: 20px; } #sub_page.company04 section .left .box .flex div { width: 24%; } #sub_page.company04 section .left .box .flex ul { width: 76%; } #sub_page.company04 section .left .box .flex ul.tel li { align-items: center; height: 57px; display: flex; color: #000; font-family: 'Cairo', sans-serif; font-weight: 900; font-size: 29px; } #sub_page.company04 section .left .box .flex div p { width: 57px; height: 57px; background: #000; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; } #sub_page.company04 section .left .box .flex div p i { font-size: 26px; color: #fff; } #sub_page.company04 section .right .map { height: 440px; } #sub_page.company04 section .right .map .root_daum_roughmap { width: 100%; height: 440px; } #sub_page.company04 section .left .box .flex ul li { padding-bottom: 5px; color: #949494; } @media(max-width:991px) { #sub_page.company04 section { display: flex; flex-direction: column; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px #eee solid; } #sub_page.company04 section .left { width: 100%; } #sub_page.company04 section .right { width: 100%; padding-left: 0px; margin-top: 40px; } #sub_page.company04 section .left .box.box01 { margin-bottom: 30px; } #sub_page.company04 section .left .box span { font-size: 15px; font-weight: 900; font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif; position: relative; display: inline-block } #sub_page.company04 section .left .box span::before { position: absolute; width: 100%; height: 4px; background: rgba(255, 234, 93, 1); content: ''; margin-top: 16px; z-index: -1; } #sub_page.company04 section .left .box h1 { font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif; font-size: 17px; font-weight: 900; color: #000; margin-top: 4px; } #sub_page.company04 section .left .box h1 {font-size: 17px;} #sub_page.company04 section .left .box h1 small { font-size:15px;} #sub_page.company04 section .left .box .flex { display: flex; margin-top: 12px; } #sub_page.company04 section .left .box .flex div { width: 14%; } #sub_page.company04 section .left .box .flex ul { width: 86%; padding: 0; margin: 0; padding-left: 12px; } #sub_page.company04 section .left .box .flex ul.tel li { align-items: center; height: auto; display: flex; color: #000; font-family: 'Cairo', sans-serif; font-weight: 900; font-size: 19px; } #sub_page.company04 section .left .box .flex ul.tel li a { color: #000; text-decoration: none; } #sub_page.company04 section .left .box .flex div p { width: 37px; height: 37px; background: #000; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; } #sub_page.company04 section .left .box .flex div p i { font-size: 16px; color: #fff; } #sub_page.company04 section .right .map { height: 320px; } #sub_page.company04 section .right .map .root_daum_roughmap { width: 100%; height: 320px; } #sub_page.company04 section .left .box .flex ul li { padding-bottom: 5px; color: #313131; } } .at-page-tab {max-width:980px; margin:0 auto;} .at-page-tab ul {display:flex; flex-wrap:wrap; gap:5px; margin-bottom:50px;} .at-page-tab ul li {flex:1;} .at-page-tab ul li a {border:1px solid #bbbbbb; display:block; font-size:18px; padding:10px 0; text-align:center; font-weight:600;} .at-page-tab ul li a.active {background:#2d2d2d; color:#FFf;} .space_info_img {text-align:center;} .space_info_img img {max-width:100%;} .space_info_txt {max-width:1616px; margin:0 auto;} .space_info_txt div { background:url(../../img/space_info_bg.jpg) repeat 0 bottom; padding:0 140px 70px 140px;} .space_info_txt div h3 {font-size:25px; color:#f7cd83; margin-bottom:30px; font-weight:bold;} .space_info_txt div p {font-size:18px; color:#fff;} .space_info_txt div p b {font-size:20px; color:#fff; font-weight:bold;} .space_info_title {max-width:1400px; margin:0 auto 36px auto; display:flex; flex-wrap:wrap;} .space_info_title .num {width:70px; font-size:30px; font-weight:800; position:relative; text-align:center; padding-top:35px;} .space_info_title .num:before {position:absolute; left:calc(50% - 8px); width:17px; height:1px; background:#000; top:25px; content:"";} .space_info_title .title {width:160px; font-size:38px; font-weight:800; letter-spacing:-2px; padding-top:0px;} .space_info_title .thumb {width:102px; padding-top:15px;} .space_info_title .thumb img {max-width:100%;} .space_info_title .title sub {font-size:16px; letter-spacing:2px; font-weight:400; display:block; bottom:0; margin-bottom:10px;} .space_info_title p {width:calc(100% - 332px); padding-left:40px; font-size:18px; padding-top:15px;} .spaceSlider {position:relative; overflow:hidden;} .spaceSlider li img {width:100%;} .spaceSlider li.swiper-slide {width:1400px;} .spaceSlider-control {position:absolute; left:calc(50% - 700px); top:calc(50% - 60px); height:100%; max-width:1400px; width:100%; z-index:9; } .spaceSlider-control .spaceSlider-prev {position:absolute; left:20px; top:0; width:113px; height:113px; background:url(../../img/bg_direction_nav4.png) no-repeat; cursor:pointer;} .spaceSlider-control .spaceSlider-next {position:absolute; right:20px; top:0; width:113px; height:113px; background:url(../../img/bg_direction_nav4.png) no-repeat 100% 0; cursor:pointer;} .spaceInfo {display:none;max-width:1400px; padding:45px 70px; background:#f2f2f2; margin:0 auto;} .spaceInfo h3 {position:relative; font-size:25px; color:#000000; padding-top:17px; margin-bottom:25px; font-weight:600;} .spaceInfo h3:before {position:absolute; width:17px; height:1px; background:#000; content:""; top:0; left:0;} .spaceInfo p {font-size:18px; line-height:1.8;} .spaceInfo ul.infolist {margin-top:60px;} .spaceInfo ul.infolist li {position:relative; padding-left:55px; margin-bottom:5px; font-weight:600;} .spaceInfo ul.infolist li span {position:absolute; left:0; top:0; width:45px; background:#000; color:#FFF; text-align:center; font-weight:700;} @media(max-width:1400px) { .spaceSlider li.swiper-slide {width:100%;} .spaceSlider-control {left:0; } .at-page-tab {padding:0 10px;} .spaceSlider-control .spaceSlider-prev { left:0px;} .spaceSlider-control .spaceSlider-next { right:0px;} } @media(max-width:1000px) { .space_info_txt {width:100%;} .space_info_txt div { background:url(../../img/space_info_bg.jpg) repeat 0 bottom; padding:0 10% 70px 10%; background-size:100%;} .space_info_txt div h3 {font-size:20px; margin-bottom:30px;} .space_info_txt div p {font-size:16px;} .space_info_txt div p b {font-size:18px;} } @media(max-width:700px) { .at-page-tab ul li a {font-size:16px;} .space_info_title {padding:0 20px;} .space_info_title .num {width:50px; font-size:26px; text-align:left;} .space_info_title .num:before {left:0;} .space_info_title .title {width:130px; font-size:32px; padding-top:10px;} .space_info_title .thumb {width:102px;} .space_info_title p {width:100%; padding-left:0px; font-size:16px; margin-top:20px;} .spaceInfo {padding:30px 20px;} .spaceInfo h3 {font-size:20px;} .spaceInfo p {font-size:16px;} .spaceInfo ul.infolist {margin-top:30px;} .space_info_txt div h3 {font-size:18px; margin-bottom:20px;} .space_info_txt div p {font-size:14px;} .space_info_txt div p b {font-size:16px;} } @media(max-width:500px) { .at-page-tab ul {gap:2%;} .at-page-tab ul li {flex:none; width:32%; margin-bottom:2%;} .at-page-tab ul li a {font-size:14px;} } @media(max-width:400px) { .space_info_title .title {width:calc(50% - 25px);} .space_info_title .thumb {width:calc(50% - 25px);} .space_info_title .title {font-size:28px;} .space_info_title .title sub {font-size:14px;} .space_info_title p {font-size:14px; margin-top:10px;} } .rentalForm {display:flex; max-width:1614px; margin:0 auto; background:url(../../img/rental_bg.jpg) no-repeat; height:950px; padding:130px 150px 0 150px; position: relative;} .rentalForm .left {width:45%; } .rentalForm .left .rentalForm_title sub {font-family: 'GmarketSansBold'; font-size:50px; color:rgba(251,191,46,0.5); letter-spacing:-3px;} .rentalForm .left .rentalForm_title h3 {font-size:30px; font-weight:500; color:#FFF; margin:25px 0; line-height:140%; letter-spacing:-1px;} .rentalForm .left .rentalForm_title p {font-size:17px; color:#FFF; line-height:180%; letter-spacing:-1px;} .rentalForm .right {width:55%; padding-left:30px;} .rentalForm .right_top_btn {position: absolute; top: 10px; right: 10px;} .rentalForm_list {} .rentalForm_list li {position:relative; padding-left:105px; margin-bottom:30px;} .rentalForm_list li label {position:absolute; left:0; top:10px; font-size:20px; color:#FFF;} .rentalForm_list li .frm_input {border:1px solid rgba(139,96,11,0.45); background:rgba(0,0,0,0.62); border-radius:5px; height:48px; width:100%; color:rgba(255,255,255,0.7); text-indent:10px;} .rentalForm_list li .frm_select {border:1px solid rgba(139,96,11,0.45); background:rgba(0,0,0,0.62); border-radius:5px; height:48px; width:100%; color:rgba(255,255,255,0.7); text-indent:10px;} .rentalForm_list li .frm_textarea {padding:10px; height:134px; border:1px solid rgba(139,96,11,0.45); background:rgba(0,0,0,0.62); border-radius:5px; width:100%; color:rgba(255,255,255,0.7);} .rentalForm_agree {text-align:center; font-size:15px; color:#FFF;} .rentalForm_agree input[type="checkbox"] {width:19px; height:19px; border:1px solid rgba(139,96,11,0.45); background:rgba(0,0,0,0.62);} .rentalForm_agree input#check_btn{ display:none; } .rentalForm_agree input#check_btn + label{ cursor:pointer; } .rentalForm_agree input#check_btn + label > span{ vertical-align: middle; padding-left: 5px; } .rentalForm_agree input#check_btn + label:before{ content:""; display:inline-block; width:19px; height:19px; border:1px solid rgba(139,96,11,0.45); vertical-align:middle; } .rentalForm_agree input#check_btn:checked + label:before{ content:""; background-color:#fff; border-color:#F47C7C; background-image: url('../../img/check_btn.png'); background-repeat: no-repeat; background-position:0; background-size:100%;} .rentalForm_agree .check_wrap {margin-bottom:20px;} .rentalForm_btn {text-align:center; margin-top:35px;} .rentalForm .submit_btn {width:209px; height:56px; border:1px solid rgba(255,255,204,0.33); background:#000; font-size:18px; color:#ffffff;} @media(max-width:1400px) { .rentalForm {padding:130px 100px 0 100px;} } @media(max-width:1200px) { .rentalForm {padding:130px 60px 0 60px;} } @media(max-width:1000px) { .rentalForm {padding:130px 50px 0 50px;} .rentalForm .left .rentalForm_title sub {font-size:40px;} .rentalForm .left .rentalForm_title h3 {font-size:24px; color:#FFF; margin:15px 0; line-height:140%; letter-spacing:-1px;} .rentalForm .left .rentalForm_title p {font-size:15px;} .rentalForm_list li {padding-left:90px;} .rentalForm_list li label {font-size:18px;} .rentalForm_list li .frm_input {font-size:18px;} .rentalForm_list li .frm_select {font-size:18px;} .rentalForm_list li .frm_textarea {font-size:18px;} } @media(max-width:820px) { .rentalForm {display:block; padding:60px 50px 0 50px;} .rentalForm .left {width:100%; margin-bottom:20px; } .rentalForm .left .rentalForm_title sub {font-size:30px;} .rentalForm .left .rentalForm_title h3 {font-size:20px; color:#FFF; margin:15px 0; line-height:140%; letter-spacing:-1px;} .rentalForm .left .rentalForm_title p {font-size:15px;} .rentalForm .left .rentalForm_title p br {display:none;} .rentalForm .right {width:100%; padding-left:0;} .rentalForm_list li {margin-bottom:10px;} .rentalForm_list li .frm_input {font-size:18px;} .rentalForm_list li .frm_select {font-size:18px;} .rentalForm_list li .frm_textarea {font-size:18px;} } @media(max-width:450px) { .rentalForm {margin:0 auto; background:url(../../img/rental_mbg.jpg) no-repeat;height:1100px; padding:70px 30px 50px 30px; } .rentalForm .left {margin-bottom:40px; } .rentalForm .left .rentalForm_title sub {font-size:26px; letter-spacing:-1px;} .rentalForm .left .rentalForm_title h3 {font-size:18px; margin:10px 0;} .rentalForm .left .rentalForm_title p {font-size:14px;} .rentalForm_list li {padding-left:80px;} .rentalForm_list li label {font-size:16px;} .rentalForm_list li .frm_input {font-size:16px;} .rentalForm_list li .frm_select {font-size:16px;} .rentalForm_list li .frm_textarea {font-size:16px;} .rentalForm .submit_btn {width:200px; height:50px; font-size:16px;} } /*프로그램관련css*/ .pl_list_type ul {display:block; text-align:right;} .pl_list_type ul li {display:inline-block; width:126px; margin-left:10px;} .pl_list_type ul li a {display:flex; height:43px; font-size:16px; border:1px solid #bbbbbb; align-items:center; justify-content:center;} .pl_list_type ul li a i {margin-right:5px;} .pl_list_type ul li a.active {background:#3b3b3b; color:#FFF; border:1px solid #3b3b3b;} /*.pl_category {border-top:2px solid #000; margin-top:20px; background:url(../../img/main_dotline_h.png) repeat-x 0 bottom; margin-bottom:50px;} .pl_category ul {display:flex; justify-content:center;} .pl_category ul li a {position:relative; display:block; height:70px; padding:0 30px; font-size:18px; font-family: 'GmarketSansMedium';} .pl_category ul li a span {display:inline-flex; align-items:center; justify-content:center; height:100%; } .pl_category ul li a.active span {border-bottom:3px solid #d92a83;}*/ .pl_category {border-top:2px solid #000; margin-top:20px; background:url(../../img/main_dotline_h.png) repeat-x 0 bottom; margin-bottom:50px; z-index:0;} .pl_category ul {display:flex; justify-content:center;} .pl_category ul li a {position:relative; display:block; height:70px; padding:0 20px; font-size:18px; font-family: 'GmarketSansMedium'; } .pl_category ul li a span {position:relative; display:inline-flex; align-items:center; justify-content:center; height:100%; padding:0 10px;} .pl_category ul li a span:after {position:absolute; width:0px; height:3px; background:#d92a83; bottom:0; content:""; transition:all .3s;} .pl_category ul li a.active span { } .pl_category ul li a.active span:after {width:100%; } .pl_category ul li a:hover span:after {width:100%; } .pl_category_wrap.fix {position:fixed; left:0; top:0; width:100%; z-index:999; background:#FFF;} .pl_category_wrap.fix .pl_category {max-width:1400px; margin:0 auto;} .pl_category.slide {position:relative; padding:0 60px; } .pl_category.slide .pl_category_slide {overflow:hidden;} .pl_category.slide ul { justify-content:start;} .pl_category.slide li {} .pl_category.slide li a {padding:0 20px;} .pl_category.slide li.swiper-slide{ width: fit-content;} .pl_category_left a { cursor: pointer; position: absolute; z-index: 9; left: 0; top: 10px; width: 45px; height: 45px; border: 1px solid #222; color: #222; display: flex; align-items: center; justify-content: center; } .pl_category_right a { cursor: pointer; position: absolute; z-index: 9; right: 0; top: 10px; width: 45px; height: 45px; border: 1px solid #222; color: #222; display: flex; align-items: center; justify-content: center; } .pl_category.room .pl_category_left {display:none;} .pl_category.room .pl_category_right {display:none;} .pl_category.room ul { justify-content:center;} @media all and (max-width:900px){ .pl_category.room ul { justify-content:start;} .pl_category.room .pl_category_left {display:flex;} .pl_category.room .pl_category_right {display:flex;} } @media all and (max-width:767px){ .pl_category ul li a {font-size:15px; padding:0 10px;} .pl_list_type ul li a {font-size:14px;} .pl_category.slide li a {padding:0 10px;} } @media all and (max-width:580px){ .pl_list_type ul {text-align:center;} .pl_category ul li a {font-size:13px; padding:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; letter-spacing:-0.5px;} .pl_category ul li a span {padding:0 10px;} } @media all and (max-width:350px){ .pl_list_type ul {display:flex;} .pl_list_type ul li {flex:auto;} } .pl_total {display:flex; justify-content:right; background:#f7f7f8; padding:22px 30px; margin-bottom:40px;} .pl_total h3 {display:flex; align-items:center; margin-right:auto; font-size:17px; color:#000000; background:url(../../img/total_bullet.png) no-repeat 0 center; padding-left:10px;} .pl_total h3 strong {font-family: 'GmarketSansBold'; margin-left:5px;} .pl_select_box {position:relative; margin-right:10px; font-size:15px;} .pl_select_box .pl_select_btn {position:relative; border:1px solid #bbbbbb; width:210px; height:45px; background:#FFF; display:flex; align-items:center; padding:0 22px;} .pl_select_box .pl_select_btn:after {position:absolute; font-family: 'FontAwesome'; content: "\f078"; right:14px; top:8px; font-size:12px;} .pl_select_box .pl_select_list {display:none; position:absolute; left:0; top:44px; z-index:9; background:#FFF; padding:20px; width:100%; border:1px solid #bbb;} .pl_select_box .pl_select_list li a {line-height:220%; display:block;} .pl_search {display:flex;} .pl_search li select {height:45px; border:1px solid #bbb; font-size:15px; text-indent:10px; width:200px; margin-right:10px;} .pl_search li select option {font-size:15px;} .pl_search_box {position:relative; padding-right:108px; font-size:15px;} .pl_search_box .inputbox {width:100%; height:45px; border:1px solid #bbb; font-size:15px; text-indent:10px;} .pl_search_box .search_submit {position:absolute; right:0; top:0; width:98px; background:#5736e6; height:45px; color:#FFF; font-size:15px;} .pl_search_box .search_submit i {margin-left:10px;} @media all and (max-width:1000px){ .pl_total {flex-wrap:wrap;} .pl_total h3 {width:100%; margin-bottom:20px;} .pl_search li select {width:150px;} } @media all and (max-width:700px){ .pl_total form {width:100%;} .pl_search {flex-wrap:wrap; justify-content:space-between; width:100%;} .pl_search li {width:49%;} .pl_search li.wide {width:100%;} .pl_search li select {width:100%;} .pl_search li:last-child {width:100%; margin-top:10px;} } @media all and (max-width:400px){ .pl_total {padding:20px 15px;} .pl_search li select {font-size:12px;} .pl_search_box .inputbox {font-size:12px;} .pl_search_box .search_submit {font-size:13px;} } .pl_prgram_list ul {display:flex; flex-wrap:wrap; margin-left:-2.33333%;} .pl_prgram_list ul > li {position:relative; border:1px solid #b4b4b4; padding:20px; margin-bottom:40px; width:31%; margin-left:2.33333%;} .program_stat {font-family: 'GmarketSansMedium'; position:absolute; left:0; top:0; font-size:17px; width:125px; height:49px; display:flex; align-items:center; justify-content:center; background:#ef4646; color:#FFF;} .program_stat.ing {background:#ef4646;} /*모집중*/ .program_stat.edu {background:#009763;} /*교육중*/ .program_stat.end {background:#000000;} /*교육종료*/ .program_stat.closed {background:#00a5b2;} /*모집종료*/ .program_stat.ready {background:#ef46c1;} /*모집예정*/ .pl_icon {} .pl_icon span.category {display:inline-block; background:#2d2d2d; font-size:13px; color:#FFF; padding:0px 10px; margin-right:5px;} .pl_icon span.category.special {background:#ef4646;} .pl_icon span.category.regular {background:#2fa30e;} .pl_prgram_list ul > li .img img {max-width:100%;} .pl_prgram_list ul > li .info {padding-top:30px;} .pl_prgram_list ul > li .info h4 {margin-top:20px; font-size:20px; color:#000000; letter-spacing:-1px; font-weight:Bold; margin-bottom:25px;} .pl_prgram_list ul > li .info ol {list-style:none; padding:0; margin:0;} .pl_prgram_list ul > li .info ol li {position:relative; font-size:15px; padding-left:80px; } .pl_prgram_list ul > li .info ol li span {position:absolute; left:0; top:0; width:65px; font-weight:Bold;} .pl_prgram_list ul > li .info ol li span:before {position:absolute; right:0; top:5px; height:14px; width:1px; content:""; background:#000000;} @media all and (max-width:1000px){ .pl_prgram_list ul {margin-left:-2%;} .pl_prgram_list ul > li {width:48%; margin-left:2%;} } @media all and (max-width:600px){ .program_stat {font-size:15px; height:39px;} .pl_prgram_list ul {margin-left:0%;} .pl_prgram_list ul > li {width:100%; margin-left:0%;} .pl_prgram_list ul > li .info h4 {font-size:18px;} } /*캘린더*/ .pl_header {border-top:2px solid #000; margin-top:20px; background:url(../../img/main_dotline_h.png) repeat-x 0 bottom; margin-bottom:50px;} .pl_header ul {display:flex; justify-content:center;} .pl_header ul li a.active span {border-bottom:3px solid #d92a83;} .pl_header ul li.title {font-size:30px; color:#000000; height:70px; display:flex; align-items:center; padding:0 30px;} .pl_header ul li.angle a {position:relative;font-size:30px; color:#000000; height:65px; display:flex; align-items:center; padding:0 15px; cursor:pointer;} .pl_header ul li.angle.line a:after {position:absolute; content:""; width:1px; height:16px; background:#a0a0a0; right:0;} .pl_header.rental {border-top:none; background:none;} .pl_header.rentalform {border-top:none; background:none; margin-bottom:0; margin-top:0;} @media all and (max-width:600px){ .pl_header ul li.title {font-size:20px; padding:0 10px;} } @media all and (max-width:380px){ .pl_header ul li.title {font-size:18px; padding:0 10px;} .pl_header ul li.angle a {font-size:20px;} } @media all and (max-width:340px){ .pl_header ul li.title {font-size:16px; padding:0 10px;} } .pl_calendar ul {display: flex; list-style: none; flex-wrap: wrap; } .pl_calendar .weeks li {height:70px; background:#f4f4f4; display:flex; align-items:center; justify-content:center; border-top:1px solid #000; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;} .pl_calendar .weeks li:first-child {border-left:none;} .pl_calendar li.sat {color:#0d6dd0;} .pl_calendar li.sun {color:#d14545;} .pl_calendar .days {} .pl_calendar ul li { width: calc(100% / 7); position: relative;} .pl_calendar .days li {position:relative; border-left:1px solid #d9d9d9; min-height:180px; border-bottom:1px solid #d9d9d9; padding:15px;} .pl_calendar .days li:nth-child(7n+1) {border-left:none;} .pl_calendar .days li .date {font-size:16px; color:#000000; font-family: 'GmarketSansMedium';} .pl_calendar .days li.sat .date {color:#0d6dd0;} .pl_calendar .days li.sun .date {color:#d14545;} .pl_calendar .days li.holiday .date {color:#d14545;} .pl_calendar .days li .date span {font-size:14px; color:#d32323; font-family: 'NanumSquare'; margin-left:10px;} .pl_calendar .days li .scheduled {font-size:14px; color:#000000; position:relative; padding-left:45px; line-height:150%; margin-bottom:10px;} .pl_calendar .days li .scheduled span {position:absolute; left:0; top:0; width:40px; height:22px; display:flex; align-items:center; justify-content:center; color:#FFF; border-radius:5px; background:#2fa30e; } .pl_calendar .days li .scheduled span.regular {background:#2fa30e;} .pl_calendar .days li .scheduled span.special {background:#ef4646;} .pl_calendar .days li .scheduled span.morning {background:#4caf50;} .pl_calendar .days li .scheduled span.afternoon {background:#00bcd4;} .pl_calendar .days li .scheduled span.allday {background:#3f51b5;} .pl_calendar .days li .time {font-size:14px; padding-left:30px; line-height:150%; } .pl_calendar .days li .time.end {text-decoration:line-through; color:#666;} .pl_calendar .days li .time a {color:#d92a83;} /*.pl_calendar .reserv {position:relative; background:#ef4767; left:-15px; margin-bottom:10px; font-size:14px; color:#FFF; text-indent:20px;} .pl_calendar .reserv:hover {text-decoration:underline;}*/ .pl_calendar.equip_calendar .days_div {position:relative; min-height:180px;} .pl_calendar.equip_calendar .days {position:absolute; left:0; top:0; width:100%; height:100%; } .pl_calendar.equip_calendar .days li {min-height:100%;} .pl_calendar.equip_calendar_mobile {display:none;} .schedule_list { position:relative; left:0; top:0px; padding-top:50px; padding-bottom:20px; width:100%; display: grid; gap:1px; grid-template-columns: repeat(7, 1fr); grid-auto-flow:column dense; } .schedule_list > div { display:inline-block; background:#ef4767; color:#FFF; margin-bottom:5px; position:relative; font-size:14px; font-family:"dotum"; padding-left:10px; cursor:pointer; } .schedule_list .equiprental_info {display:none; position:absolute; width:250px; border:1px solid #000; z-index:99; background:#FFF; color:#222; font-size:13px; font-family:"dotum"; padding:10px 20px; line-height:160%;} .schedule_list > div:hover .equiprental_info {display:block; } .schedule_list > div:hover {text-decoration:underline;} .schedule_list div.during1 {grid-column: auto / 1 span ;} .schedule_list div.during2 {grid-column: auto / 2 span ;} .schedule_list div.during3 {grid-column: auto / 3 span ;} .schedule_list div.during4 {grid-column: auto / 4 span ;} .schedule_list div.during5 {grid-column: auto / 5 span ;} .schedule_list div.during6 {grid-column: auto / 6 span ;} .schedule_list div.during7 {grid-column: auto / 7 span ;} .schedule_list div.yoil0 {left:0;} .schedule_list div.yoil1 {grid-column-start: 2;} .schedule_list div.yoil2 {grid-column-start: 3;} .schedule_list div.yoil3 {grid-column-start: 4;} .schedule_list div.yoil4 {grid-column-start: 5;} .schedule_list div.yoil5 {grid-column-start: 6;} .schedule_list div.yoil6 {grid-column-start: 7;} .schedule_bar_wrap {display:flex; flex-wrap:wrap;} .schedule_bar { display:block; width:100%; background:#ef4767; color:#FFF; margin-bottom:5px; position:relative; font-size:14px; font-family:"dotum"; padding-left:10px; cursor:pointer; } .schedule_bar .equiprental_info {display:none; position:absolute; width:250px; border:1px solid #000; z-index:99; background:#FFF; color:#222; font-size:13px; font-family:"dotum"; padding:10px 20px; line-height:160%;} .schedule_bar:hover .equiprental_info {display:block; } .schedule_bar:hover {text-decoration:underline;} @media all and (max-width:992px){ .pl_calendar .weeks {display:none;} .pl_calendar .days {border-top:1px solid #000;} .pl_calendar .days li {width:100%; border-left:none; min-height:50px;} .pl_calendar ul li.empty {display:none;} .pl_calendar .days li .time_wrap {display:flex; flex-wrap:wrap;} .pl_calendar.equip_calendar {display:none;} .pl_calendar.equip_calendar_mobile {display:block;} .schedule_bar_wrap {margin-left:-1%;} .schedule_bar {width:32.33333%; margin-left:1%;} } @media all and (max-width:500px){ .schedule_bar_wrap {margin-left:-1%;} .schedule_bar {width:49%; margin-left:1%;} } /* .schedule_list { position:absolute; left:0; top:50px; width:100%; } .schedule_list span { background: #E16036; border-radius: 8px; padding: 15px; color: white; margin: 0 0 15px 0px; height: fit-content; top:auto; display:block; left:0; position:relative; } .schedule_list span.during1 {width:calc(100% / 7);} .schedule_list span.during2 { grid-column:2;} .schedule_list span.yoil0 {left:0;} .schedule_list span.yoil1 {grid-column: 2 / 7;} .schedule_list span.yoil2 {grid-column: 3 / 7;} .schedule_list span.yoil3 {grid-column: 4 / 7;} .schedule_list span.yoil4 {grid-column: 5 / 7;} .schedule_list span.yoil5 {grid-column: 6 / 7;} .schedule_list span.yoil6 {grid-column: 7 / 7;} */ /*프로그램보기*/ .pv_info {border:1px solid #d4d4d4; position:relative; padding:20px; display:flex;} .pv_info .img {width:45%;} .pv_info .img img {max-width:100%;} .pv_info .info {width:50%; padding-left:5%; padding-top:20px;} .pv_info .info h4 {margin-top:20px; font-size:25px; color:#000000; letter-spacing:-1px; margin-bottom:30px;} .pv_info .info ol {list-style:none; padding:0; margin:0;} .pv_info .info ol li {position:relative; font-size:16px; padding-left:130px; margin-bottom:12px; min-height:30px;} .pv_info .info ol li span {position:absolute; left:0; top:0; width:113px; font-weight:Bold; text-align:justify; padding-left:38px; background:url(../../img/bullet.png) no-repeat 10px 10px;} .pv_info .info ol li span:before {position:absolute; right:0; top:5px; height:14px; width:1px; content:""; background:#000000;} .pv_btn_set {padding:10px 0; display:flex; justify-content:center;} .pv_btn_set .pv_apply_btn {margin:0 5px; display:flex; background:#000; width:350px; height:70px; justify-content:center; align-items:center; font-family: 'GmarketSansMedium'; font-size:18px; color:#FFF; line-height:1em; cursor: pointer;} .pv_btn_set .pv_list_btn {margin:0 5px; display:flex; background:#2d2d2d; width:200px; height:50px; justify-content:center; align-items:center; font-family: 'GmarketSansMedium'; font-size:18px; color:#FFF; line-height:1em;} .pv_title {font-size:30px;} .pv_title.form {margin-top:63px; margin-bottom:10px; padding-left:10px;} .pv_title.form.first {margin-top:20px;} .pv_detail {border-top:2px solid #000; border-bottom:2px solid #000; margin-top:20px; padding:80px 0;} .pv_detail_img {display:block; text-align:center; padding-bottom:80px; background:url(../../img/main_dotline_h.png) repeat-x 0 bottom;} .pv_detail_img img {display:inline-block; max-width:100%;} .pv_box {padding:50px 0;} .pv_box h5 {background:url(../../img/program_title_bullet.png) no-repeat; padding-left:50px; font-size:25px; margin-bottom:30px;} .downbox {background:#f0f0f0; padding:10px; font-size:16px; margin-bottom:20px;} .downbox a {display:inline-block; font-size:14px; border:1px solid #ddd; background:#FFF; border-radius:5px; padding:0 10px;} .pv_teacher_info {display:flex; flex-wrap:wrap; border:1px solid #e1e1e1; padding:20px; background:url(../../img/pv_teacher_info_bg.png) no-repeat right bottom #FFF;} .pv_teacher_info .img {width:320px;} .pv_teacher_info .img img {max-width:100%;} .pv_teacher_info .info {width:calc(100% - 320px); padding-left:70px; padding-top:35px;} .pv_teacher_info .info .t_name {font-size:20px; padding-bottom:20px; border-bottom:1px solid #000; display:inline-block; margin-bottom:20px;} .pv_teacher_info .info .t_info {font-size:17px; line-height:180%;} .pv_teacher_info .t_career_wrap {display:flex; flex-wrap:wrap; gap: 10px; border:1px solid #ddd; background:#F7f7f7; border-radius:10px; height:200px; overflow-y:auto;} .pv_teacher_info .t_career_wrap div {width:100%; height:auto; padding:10px; font-size:0.9em; } .pv_teacher_info .t_career_wrap div textarea {width:100%; height:100%; border:none; background:#F7f7f7; line-height:150%;} .pv_guide_info {background:#f7f7f8; padding:35px; display:flex; flex-wrap:wrap;} .pv_guide_info .title {display:flex; flex-direction:column; width:30%; background:url(../../img/main_dotline_v.png) repeat-y right 0; justify-content:center; align-items:center;} .pv_guide_info .title img {display:inline-block;} .pv_guide_info .title p {display:inline-block; background:#2d2d2d; font-size:20px; color:#FFF; border-radius:50px; padding:5px 40px; margin-top:20px;} .pv_guide_info .info {width:70%; padding-left:65px;} .pv_guide_info .info h6 {color:#d82759; font-size:17px; text-decoration:underline; line-height:200%;} @media all and (max-width:1000px){ .pv_info .info h4 {font-size:20px;} .pv_info .info ol li {font-size:14px; margin-bottom:5px; min-height:25px;} .pv_title {font-size:26px; margin-top:20px;} .pv_detail {padding:40px 0;} .pv_teacher_info .img {width:200px;} .pv_teacher_info .info {width:calc(100% - 200px); padding-left:50px; padding-top:10px;} } @media all and (max-width:767px){ .pv_guide_info .title {width:100%; flex-direction:row; background:none; justify-content:start; margin-bottom:20px;} .pv_guide_info .title img {display:none;} .pv_guide_info .info {padding-left:0; width:100%;} .pv_btn_set .pv_apply_btn {font-size:16px;} .pv_btn_set .pv_list_btn {font-size:16px;} } @media all and (max-width:600px){ .pv_info {flex-wrap:wrap;} .pv_info .img {width:100%;} .pv_info .info {width:100%; padding-left:0;} .pv_detail {padding:20px 0;} .pv_box h5 {font-size:20px; padding-left:40px;} .pv_teacher_info .img {width:100%;} .pv_teacher_info .info {width:100%; padding-left:0; padding-top:20px;} .pv_teacher_info .info .t_info {font-size:15px;} } /*프로그램신청*/ .program_table table {width:100%; border-collapse:collapse; border: 0; border-top:2px solid #222; border-bottom:2px solid #222;} .program_table .register_caption {font-size:17px; color:#222; text-align:right; margin-bottom:10px;} .program_table .register_caption q {color:#dc2328; quotes:"""";} .program_table th {font-family: 'GmarketSansMedium'; border: 0; background: #f8f8f8; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;width: 270px; vertical-align: top; color: #000000; font-size:17px; padding:25px 40px; text-align:left;} .program_table th q {color:#dc2328; quotes:"""";} .program_table td {padding:10px 0 10px 40px; border-bottom:1px solid #ddd; font-size:16px;} .program_table td.title {font-size:20px;} .program_table td .frm_info {display:block; font-size:15px; color:#d73d3d; clear:both; width:100%; line-height:140%; margin-top:10px;} .program_table input.frm_input {background: #fff; border: 1px solid #dddddd; border-radius: 0; height:37px; margin:0; max-width:300px; width:100%;} .program_table input.frm_input.w100 {max-width:100%;} .program_table input.frm_input.w70px {max-width:70px;} .program_table input.frm_input.w150px {max-width:150px;} .program_table td a.btn_frmline2 {position:relative; top:-1px; display:inline-flex; align-items:center; line-height:120%; background:#222222; color:#FFF; font-size:14px; padding:0 20px; height:35px;} .program_table td button.btn_frmline {position:relative; display:inline-flex; align-items:center; line-height:120%; background:#222222; color:#FFF; font-size:14px; padding:0 20px; height:35px; border-radius:0;} .program_table td .radio_span {margin-right:10px;} .program_table td .dotline {background:url(../../img/main_dotline_h.png) repeat-x 0 bottom; padding-bottom:15px; margin-bottom:15px !important;} .program_table label {display:inline-block;} .program_table td ul.input_telnum {display:flex; justify-content:space-between; max-width:340px;} .program_table td ul.input_telnum li {position:relative; width:calc(33.33333% - 10px);} .program_table td ul.input_telnum li span {position:absolute; right:-10px; top:8px; content:"-"; z-index:2;} .program_table td ul.input_telnum li:last-child span {display:none;} .program_table td select {font-size:16px; height:37px; border-radius:0;} .program_table .form_div_wrap .form_div {position:relative; display:inline-block; } .program_table .form_div_wrap .form_div .frm_input {max-width:auto; width:200px; } .program_table .form_div_wrap .form_div select.frm_input {width:150px;} /*.program_table .form_div_wrap {display:flex; flex-wrap:wrap; } .program_table .form_div_wrap .form_div select {width:100%;} .program_table .form_div_wrap .form_div {position:relative; display:inline-block; } .program_table .form_div_wrap .form_div span {display:inline-block !important;} .program_table .form_div_wrap .form_div input.frm_input {display:inline-block; }*/ @media all and (max-width:900px){ .pv_title {font-size:24px; margin-top:50px;} .program_table th {font-size:15px; padding:20px 20px; width:150px;} .program_table td {font-size:15px; padding:20px 20px;} } @media all and (max-width:767px){ .program_table .form_div_wrap .form_div {position:relative; width:100%; padding-left:70px;} .program_table .form_div_wrap .form_div span {position:absolute; left:0; top:7px; font-size:13px;} .program_table .form_div_wrap .form_div .frm_input {width:100%;} } @media all and (max-width:600px){ .program_table td.title {font-size:16px;} .pv_title {font-size:24px; margin-top:50px;} .program_table th {font-size:13px; padding:20px 15px; width:100px;} .program_table td {font-size:14px; padding:20px 15px;} } /*만족도조사*/ .survey_title {background:#00c7ad; padding:25px 40px; font-size:25px; color:#FFF; font-weight:bold;} .survey_info {background:url(../../img/survey_icon.png) no-repeat 100px 40px #e6fffb; padding:50px 50px 50px 280px; font-size:17px; line-height:160%;} .survey_wrap {padding:60px;} .survey_wrap q {color:#dc2328; quotes:"""";} .survey_caption {font-size:16px; text-align:right; margin-bottom:10px;} .survey_body {border:1px solid #bbbbbb;} .survey_box h3 {padding:20px 40px; background:#f5f5f5; font-size:18px;} .survey_answer {padding:30px 70px; font-size:16px;} .survey_answer input[type="radio"] {width:20px; height:20px;} .survey_answer ul.answerlist {display:flex; justify-content:space-between;} .survey_answer textarea.servey_textarea {border:1px solid #cccccc; width:100%; height:100px; margin-top:20px;} @media all and (max-width:900px){ .survey_title {font-size:22px;} .survey_info {background:#e6fffb; padding:50px;} } @media all and (max-width:767px){ .survey_title {font-size:20px; padding:20px 30px;} .survey_info {background:#e6fffb; padding:30px; font-size:15px;} .survey_wrap {padding:30px;} .survey_box h3 {padding:20px; font-size:16px;} .survey_answer {padding:20px; font-size:14px;} .survey_answer ul.answerlist {flex-wrap:wrap;} .survey_answer ul.answerlist li {margin-bottom:5px;} } /*마이페이지*/ .mypage_top {position:relative; border:1px solid #d4d4d4; padding:50px; padding-left:380px; background:url(../../img/mypage_icon.png) no-repeat 100px center; margin-bottom:70px;} .mypage_top h3 {font-size:24px; color:#000; margin-bottom:10px;} .mypage_top h3 q {color:#e63f3f; font-style:normal; quotes: "" "";} .mypage_top h4 {display:inline-block; background:#e63f3f; font-family:dotum; font-size:14px; color:#fff; padding:0 10px;margin-bottom: 5px;} .mypage_top h4 strong {color:#e4ff01; font-weight:bold;} .mypage_top h4 q {color:#e4ff01; font-style:normal; quotes: "" "";} .mypage_top .txtlist {margin-top:20px;} .mypage_top .txtlist li {font-size:16px; margin-bottom:5px;} .mypage_top .mypage_top_btn {position:absolute; width:230px; bottom:60px; right:80px;} .mypage_top .mypage_top_btn li a {position:relative; display:flex; align-items:center; height:40px; font-size:16px; color:#fff; background:#2d2d2d; padding-left:30px; margin-bottom:10px;} .mypage_top .mypage_top_btn li a:after {position:absolute; right:17px; top:5px; font-family: 'FontAwesome'; content: "\f105";} .mypage_top .mypage_top_btn li a.point {background:#6b50df;} .mypageTitle.first {margin-top:20px;} .mypageTitle {position:relative; margin-top:40px; font-size:25px; padding-top:17px; margin-bottom:30px;} .mypageTitle:before {position:absolute; content:""; left:0; top:0; width:35px; height:2px; background:#000000;} .mypageTitle q {font-size:18px; color:#e63f3f; quotes:"" "";} .mypageTable {border-top:2px solid #5f5f5f;} .mypageTable table {border-collapse:collapse; width:100%; } .mypageTable table th {background:#f7f7f7;border:1px solid #dedede; padding:12px 10px; font-size:15px; border-right:none;} .mypageTable table th:first-child {border-left:none;} .mypageTable table td {border:1px solid #dedede; text-align:center; padding:12px 10px; font-size:14px; border-right:none;} .mypageTable table td:first-child {border-left:none;} .mypageTable table td a.mt_sca {display:block;} .mypageTable table .td_num {width:70px;} .mypageTable table .td_date {width:210px;} .mypageTable table .td_date2 {width:150px;} .mypageTable table .td_date3 {width:210px;} .mypageTable table .td_stat {width:130px;} .mypageTable table .td_etc {width:150px;} .mypageTable table .td_numbig {width:200px;} .mypageTable table .td_price {width:120px;} .mypageTable table td .penalty {color:#FF0000;} @media all and (max-width:1400px){ .mypageTable table .td_num {width:70px;} .mypageTable table .td_date {width:140px;} .mypageTable table .td_date2 {width:13%;} .mypageTable table .td_date3 {width:210px;} .mypageTable table .td_stat {width:10%;} .mypageTable table .td_etc {width:10%;} .mypageTable table .td_numbig {width:13%;} .mypageTable table .td_price {width:10%;} } @media all and (max-width:1000px){ .mypage_top {background-position:10px center; padding:30px; padding-left:200px;} .mypage_top .mypage_top_btn {right:20px; bottom:30px;} .mypage_top h3 {font-size:20px;} .mypageTable table .td_date {width:140px;} .mypageTable table .td_date2 {width:100px;} .mypageTable table .td_etc {width:80px;} .mypageTable table .td_numbig {width:150px;} .mypageTable table .td_date3 {width:160px;} .mypageTable table .td_stat {width:100px;} } @media all and (max-width:900px){ .mypage_top .mypage_top_btn {position:relative; right:auto; bottom:auto; margin-top:20px; width:100%; max-width:230px;} .mypage_top .mypage_top_btn li a {font-size:15px;} .mypageTable.responsive {overflow-x:auto;} .mypageTable.responsive table {width:1000px;} } @media all and (max-width:667px){ .mypage_top {background:none; padding:20px;} .mypageTitle {font-size:20px;} .mypageTable table th {font-size:13px;} .mypageTable table td {font-size:13px; padding:10px 5px;} .mypage_top .mypage_top_btn {left:calc(50% - 115px);} .mypageTable.responsive2 {overflow-x:auto;} .mypageTable.responsive2 table {width:677px;} } @media all and (max-width:580px){ .mypageTable.responsive3 {overflow-x:auto;} .mypageTable.responsive3 table {width:580px;} } @media all and (max-width:400px){ .mypageTable.responsive4 {overflow-x:auto;} .mypageTable.responsive4 table {width:400px;} .mypage_top .mypage_top_btn {max-width:100%; left:0;} } /*시설대관*/ .rental_list {} .rental_list ul.list {display:flex; flex-wrap:wrap; margin-left:-2.33333%;} .rental_list ul li.list {width:31%; margin-left:2.33333%; padding:20px; border:1px solid #d4d4d4; margin-bottom:50px;} .rental_list ul li.list h4 {font-size:16px; color:#000000; text-align:center; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-1px;} .rental_list ul li.list h4 b {font-size:20px; font-weight:bold;} .rental_list ul li.list .img img {width:100%; height:auto;} .rental_list ul li.list .info {padding:40px 20px 20px 20px;} .rental_list ul li.list .info_btns {display:flex; justify-content:space-between; margin-top:20px;} .rental_list ul li.list .info_btns a {display:block; width:48%; padding:12px 0; font-size:16px; border:1px solid #bbbbbb; text-align:center;} .rental_list ul li.list .info_btns a.apply_btn {background:#e73079; color:#FFF; border:1px solid #e73079;} .room_view_layer {position:fixed; left:0; top:0; width:100%; height:100%; display:none; align-items:center; justify-content:center; z-index:99999;} .room_info_close {position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999; background:rgba(0,0,0,0.6);} .room_view_box {position:relative; z-index:99999; width:1200px; height:auto; background:#FFF;} .room_view_box .title {position:relative; background:#00c7ad; color:#FFF; padding:25px; padding-right:50px;} .room_view_box .title h5 {display:block; color:#FFF; font-size:25px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .room_view_box .title a.cancel_btn {position:absolute; right:10px; top:10px; width:50px; height:50px; background:url(../../img/top_close_w.png) no-repeat; background-size:100%;} .room_view_box .inner {display:flex; padding:50px; flex-wrap:wrap;} .room_view_box .photo {width:361px; overflow:hidden;} .room_view_box .photo img {max-width:100%; height:auto;} /*.room_view_box .photo img {display:inline-block; max-width:100%; height:auto;}*/ .room_view_box .table {width:calc(100% - 361px); padding-left:40px;} .room_view_box .inner .form_btn_set {width:100%; margin-top:0px; padding:50px 0 0 0;} .photothumb_slider {position:relative; overflow:hidden; padding-bottom:50px;} .photothumb_slider .swiper-pagination { position: absolute; bottom:0px z-index:99; } .photothumb_slider .swiper-pagination-bullet { background-color: #c9c9c9; margin: 0 10px; width:12px; height:12px; opacity:1; } .photothumb_slider .swiper-pagination-bullet-active {background:#e8307a;} @media all and (max-width:1300px){ .room_view_box {width:90%;} } @media all and (max-width:1000px){ .rental_list ul.list {margin-left:2%;} .rental_list ul li.list {width:48%; margin-left:2%;} .rental_list ul li.list .info {padding:30px 0px 10px 0px;} .rental_list ul li.list .info_btns a {font-size:14px; padding:8px 0;} .room_view_box .inner {padding:30px;} .room_view_box .photo {width:250px;} .room_view_box .table {width:calc(100% - 250px); padding-left:30px;} } @media all and (max-width:800px){ .room_view_box .title h5 {font-size:22px;} .room_view_box .inner {padding:20px;} .room_view_box .photo {width:100%; text-align:center;} .room_view_box .photo img {max-width:220px;} .room_view_box .table {width:100%; padding-left:0px; padding-top:10px;} .room_view_box .table td .scroll {max-height:90px; overflow-y:auto;} .room_view_box .inner .form_btn_set {padding:20px 0 0 0;} .room_view_box .inner .form_btn_set a {font-size:16px;} } @media all and (max-width:460px){ .rental_list ul.list {margin-left:0;} .rental_list ul li.list {width:100%; margin-left:0;} .room_view_box .title {padding:15px; padding-right:40px;} .room_view_box .title h5 {font-size:20px; } .room_view_box .title a.cancel_btn { top:4px; right:5px;} .room_view_box .photo img {max-width:150px;} .room_view_box .table {} .room_view_box .table th {padding:5px;} .room_view_box .table td {padding:5px; line-height:140%;} .room_view_box .table td .scroll {max-height:90px; overflow-y:auto;} } .rentalForm_box {border:1px solid #d4d4d4; display:flex; flex-wrap:wrap; margin-bottom:40px;} .rentalForm_box .img {padding:50px; width:40%;} .rentalForm_box .img img {max-width:100%; height:auto;} .rentalForm_box .info {padding:50px; padding-left:0; width:60%;} .rentalForm_box .info h3 {font-size:25px; position:relative; margin-bottom:20px; font-weight:bold;} .rentalForm_box .info h3 a.view {position:absolute; right:0; top:0; padding:0 10px; background:#ef4646; color:#FFF; font-size:15px;} .rental_table {border-top:2px solid #5f5f5f; border-bottom:1px solid #5f5f5f;} .rental_table table {border-collapse:collapse; width:100%;} .rental_table th {font-size:15px; color:#000000; border:1px solid #dedede; border-bottom:none; border-left:none; background:#f7f7f7; padding:15px 0px; width:170px; text-align:center;} .rental_table td {font-size:14px; color:#252525; border:1px solid #dedede; border-bottom:none; border-right:none; padding:15px 40px; line-height:180%;} .rentalForm_box .calendar {width:50%; padding:50px 50px 20px 50px;} .rentalForm_box .checklist {width:50%; padding:50px 50px 20px 50px; background:#f7f7f7;} @media all and (max-width:1000px){ .rentalForm_box .img {padding:30px; width:100%; text-align:center;} .rentalForm_box .img img {display:inline-block;} .rentalForm_box .info {padding:10px 30px 50px 30px; width:100%;} .rentalForm_box .calendar {width:100%; padding:30px;} .rentalForm_box .checklist {width:100%; padding:30px;} } @media all and (max-width:767px){ .rentalForm_box .img {padding:20px;} .rentalForm_box .info {padding:10px 20px 30px 20px;} .rental_table th {font-size:13px; width:120px; text-align:center;} .rental_table td {font-size:13px; padding:15px 10px; line-height:180%;} .rentalForm_box .calendar {width:100%; padding:30px 20px;} .rentalForm_box .checklist {width:100%; padding:30px 20px;} .rentalForm_box .info h3 {line-height:140%; font-size:20px;} .rentalForm_box .info h3 a.view {position:relative; text-align:right; right:0; top:-2px; padding:2px 10px; font-size:14px; line-height:140%;} } @media all and (max-width:400px){ .rental_table th {width:100px;} } /*캘린더*/ .rental_calendar ul {display: flex; list-style: none; flex-wrap: wrap; } .rental_calendar .weeks li {height:45px; background:#f4f4f4; display:flex; align-items:center; justify-content:center; border-top:1px solid #000; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-size:13px; font-family:dotum; font-weight:bold;} .rental_calendar .weeks li:first-child {border-left:none;} .rental_calendar li.sat {color:#0d6dd0;} .rental_calendar li.sun {color:#d14545;} .rental_calendar .days {} .rental_calendar ul li { width: calc(100% / 7); position: relative;} .rental_calendar .days li {border-left:1px solid #d9d9d9; min-height:40px; border-bottom:1px solid #d9d9d9; padding:10px 0; font-size:13px; font-family:dotum; font-weight:bold; text-align:center;} .rental_calendar .days li:nth-child(7n+1) {border-left:none;} .rental_calendar .days li .date {font-size:13px; font-family:dotum;} .rental_calendar .days li.sat .date {color:#0d6dd0;} .rental_calendar .days li.sun .date {color:#d14545;} .rental_calendar .days li.holiday .date {color:#d14545;} .rental_calendar .days li.inactive {background:#fbfbfb;} .rental_calendar .days li.inactive .date {color:#b9b9b9;} .rental_calendar .days li.selected .date {display:inline-block; text-align:center; width:31px; height:31px; border-radius:100%; color:#FFF; background:#585858;} .checklist_title {position:relative;} .checklist_title h3 {font-size:20px; color:#000000; margin-bottom:20px;} .checklist_title .pl_select_box {position:absolute; right:0px; top:-10px; margin-right:0;} .checklist_title .pl_select_box .pl_select_btn {height:40px;} .checklist_table {border-top:1px solid #000; border-bottom:1px solid #000; display:flex; flex-wrap:wrap;} .checklist_table li {background:#FFF; border:1px solid #c4c4c4; border-left:none; border-top:none; font-size:14px; color:#000000; padding:10px; } .checklist_table li:nth-child(odd) {width:30%;} .checklist_table li:nth-child(even) {width:20%; text-align:center; } .checklist_table li:nth-child(4n) {border-right:none;} .checklist_table li p {display:inline-block; border-radius:5px; font-family:dotum; font-size:13px; font-weight:bold; padding:0 5px; line-height:160%;} .checklist_table li p.active {border:1px solid #ef4646; color:#ef4646;} .checklist_table li p.inactive {border:1px solid #222; color:#222;} .checklist_btn {display:flex; justify-content:center; padding-top:20px;} .checklist_btn button {background:#3b3b3b; color:#FFF; font-size:15px; padding:10px 0px; width:165px;} .form_btn_set .cancel_btn {margin:0 5px; display:flex; background:#2d2d2d; width:205px; height:49px; justify-content:center; align-items:center; font-family: 'GmarketSansMedium'; font-size:18px; color:#FFF; line-height:1em;} @media all and (max-width:600px){ .checklist_table li:nth-child(odd) {width:70%;} .checklist_table li:nth-child(even) {width:30%;} .checklist_table li:nth-child(4n) {border-right:1px solid #c4c4c4;} .checklist_table li:nth-child(2n) {border-right:none;} .checklist_title h3 {font-size:18px;} .checklist_title .pl_select_box {position:relative; top:auto; margin-bottom:10px;} } /*신청서*/ .redTxt {color:#de3136;} .form_title {font-family: 'GmarketSansMedium'; font-size:30px; margin-bottom:15px; margin-top:100px;} .form_title.first {margin-top:30px;} .form_table {border-top:2px solid #000000; border-bottom:2px solid #000;} .form_table table {border-collapse:collapse; width:100%;} .form_table th {font-family: 'GmarketSansMedium'; font-size:17px; color:#000000; background:#f8f8f8; border-bottom:1px solid #cbcbcb; text-align:left; padding:25px 50px; width:20%;} .form_table th q {color:#dc2328; quotes:"""";} .form_table td {border-bottom:1px solid #cbcbcb; padding:25px 50px; font-size:16px; color:#000000;} .form_table td.tit {font-size:20px;} .form_table td ul.input_telnum {display:flex; justify-content:space-between; max-width:340px;} .form_table td ul.input_telnum li {position:relative; width:calc(33.33333% - 10px);} .form_table td ul.input_telnum li:after {position:absolute; right:-10px; top:8px; content:"-";} .form_table td ul.input_telnum li:last-child:after {content:"";} .form_table td .form_input {border:1px solid #ccc; background:#f5f5f5; height:40px; width:100%; text-indent:10px;} .form_table td .form_select {border:1px solid #ccc; background:#fff; height:40px; min-width:200px; text-indent:10px;} .form_table .form_div_wrap {display:flex; flex-wrap:wrap; gap:10px;} .form_table .form_div_wrap .form_div {position:relative;} /*장비대여*/ .equipForm_box {} .equipForm_box ul {display:flex; flex-wrap:wrap; border-top:2px solid #5f5f5f; border-bottom:2px solid #5f5f5f;} .equipForm_box ul li {width:32%; height:60px; display:flex; align-items:center; padding:0 26px; justify-content:space-between;} .equipForm_box ul li.title {width:18%; background:#f7f7f7; text-align:center; font-family: 'GmarketSansMedium'; font-size:18px; justify-content:center;} .equipForm_box ul li .form_input {border:1px solid #ccc; background:#fff; height:39px; width:48%; text-indent:10px; font-size:15px;} .equipForm_box ul li select {border:1px solid #ccc; background:#fff; height:39px; width:48%; text-indent:10px; font-size:15px;} .equip_select_box {background:#f7f7f7; border:1px solid #d4d4d4; padding:40px;} .equip_select_box .tab {display:flex; margin-bottom:20px; flex-wrap:wrap;} .equip_select_box .tab li a {display:flex; align-items:center; justify-content:center; font-family: 'GmarketSansMedium'; font-size:18px; border:1px solid #c6c6c6; background:#FFF; margin-right:10px; width:215px; height:54px;} .equip_select_box .tab li a.active {background:#2d2d2d; color:#FFF;} .equip_contents {background:#FFF; padding:30px 30px;} .equip_contents ul.equip_check_list {display:flex; flex-wrap:wrap; height:258px; overflow-y:auto; justify-content:start;} .equip_contents ul.equip_check_list li {width:19%; margin-bottom:28px; max-width:230px; height:258px; margin-right:20px;} .equip_contents ul.equip_check_list li .img {text-align:center;} .equip_contents ul.equip_check_list li .img img {display:inline-block; max-width:100%; height:auto;} /*.equip_contents ul.equip_check_list li input.equip_check { display:none; } .equip_contents ul.equip_check_list li input.equip_check + label{ cursor:pointer; border:1px solid #e7e7e7; height:100%; } .equip_contents ul.equip_check_list li input.equip_check + label > span{ vertical-align: middle; padding-left: 5px; } .equip_contents ul.equip_check_list li input.equip_check:checked + label {border:1px solid #e73079;}*/ .equip_contents ul.equip_check_list li a {border:1px solid #e7e7e7; cursor:pointer;} .equip_contents ul.equip_check_list li a:hover {border:1px solid #e73079;} .equip_contents ul.equip_check_list li .info {background:#e7e7e7; padding:15px;} .equip_contents ul.equip_check_list li .info h4 {overflow: hidden; display:-webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size:15px; text-align:center; height:3em; line-height:1.5em;} .equip_contents ul.equip_check_list li .info p.cnt {font-size:15px; margin-top:10px; display:block; text-align:center;} @media all and (max-width:1200px){ .equipForm_box ul li.title {font-size:15px;} .equip_select_box .tab li a {width:auto; padding:0 20px; margin-bottom:5px;} } @media all and (max-width:1000px){ .equipForm_box ul li {width:calc(100% - 160px); padding:0 10px;} .equipForm_box ul li.title {width:160px; } .equip_select_box {padding:30px;} .equip_select_box .tab li {flex:auto;} .equip_select_box .tab li a {width:auto; padding:0 10px; font-size:14px; height:45px;} .equip_contents ul.equip_check_list {height:240px;} .equip_contents ul.equip_check_list li {width:24%;} } @media all and (max-width:600px){ .equip_select_box {padding:20px;} .equip_contents {background:#FFF; padding:20px;} .equipForm_box ul li {width:calc(100% - 120px); padding:0 5px;} .equipForm_box ul li.title {width:120px; font-size:13px; letter-spacing:-1px;} .equip_contents {padding:10px;} .equip_contents ul.equip_check_list {height:200px; padding:10px;} .equip_contents ul.equip_check_list li {width:31%; height:220px;} .equip_contents ul.equip_check_list li .info h4 {font-size:13px;} /*.equip_contents ul.equip_check_list::-webkit-scrollbar { width: 5px; } .equip_contents ul.equip_check_list::-webkit-scrollbar-thumb { background: #000; }*/ } @media all and (max-width:460px){ .equip_contents ul.equip_check_list {justify-content:space-between; } .equip_contents ul.equip_check_list li {width:48%; height:220px; margin-right:0;} } /*서브내용*/ .page-tab {border-top:2px solid #000; margin-top:20px; background:url(../../img/main_dotline_h.png) repeat-x 0 bottom; margin-bottom:50px;} .page-tab ul {display:flex; justify-content:center;} .page-tab ul li a {position:relative; display:block; height:70px; padding:0 20px; font-size:18px; font-family: 'GmarketSansMedium';} .page-tab ul li a span {position:relative; display:inline-flex; align-items:center; justify-content:center; height:100%; padding:0 10px;} .page-tab ul li a span:after {position:absolute; width:0px; height:3px; background:#d92a83; bottom:0; content:""; transition:all .3s;} .page-tab ul li a.active span { } .page-tab ul li a.active span:after {width:100%; } .page-tab ul li a:hover span:after {width:100%; } @media all and (max-width:996px){ .page-tab ul li a {font-size:16px;} } .table01 {border-bottom:1px solid #000;} .table01 table {border-top:1px solid #000; margin-top:40px; border-collapse:collapse; width:100%;} .table01 table th {font-family: 'GmarketSansMedium';font-size:15px; background:#eeeeee; padding:15px; border-bottom:1px solid #cbcbcb;} .table01 table td {font-family: 'GmarketSansMedium';font-size:15px; padding:15px; border-bottom:1px solid #cbcbcb;} .table02 {border-bottom:1px solid #000; border-top:2px solid #000; margin-bottom:30px; } .table02 table {margin-top:0px; border-collapse:collapse; width:100%;} .table02 table th { font-size:16px; font-weight:600; background:#f7f7f7; padding:15px; border:1px solid #dedede; text-align:center; border-right:none;} .table02 table td { font-size:16px; padding:15px; border:1px solid #dedede; text-align:center; border-right:none;} .table02 table td.text-left {text-align:left;} .table02 table td.line {border-left:1px solid #dedede; } .table02 table td a.reference {display:inline-block; background:#2a2a2a; color:#FFF; border-radius:5px; padding:0 5px; font-size:14px;} .table02.rental th {font-size:16px; text-align:center; } .table02.rental td {font-size:16px;} .big_title {font-size:30px; color:#000000;font-family: 'GmarketSansMedium'; line-height:140%;} .imgWrap.line {border:1px solid #d4d4d4;} .imgWrap.text-center {text-align:center;} .imgWrap.text-center img {display:inline-block;} .btn_wrap {margin-top:60px; text-align:center;} .btn_wrap .btn_cancel {background:#2d2d2d; display:inline-flex; align-items:center; justify-content:center; width:220px; height:50px; font-family: 'GmarketSansMedium'; font-size:18px;} .btn_wrap .btn_cancel:hover {background:#E73079;} .txtlist {} .txtlist li {font-size:17px;background:url(../../img/bullet.png) no-repeat 0 12px; padding-left:14px; line-height:180%;} .txtlist li.small_txt {background:none; font-size:16px; line-height:150%;} .txtlist li span.point {color:#ed2b4e; font-weight:bold;} .txtlist_sub {} .txtlist_sub li {font-size:17px;background:none; margin-bottom:0; padding-left:14px; line-height:180%; background:url(../../img/bullet2.png) no-repeat 0 9px; padding-left:14px;} .txtlist02 {} .txtlist02 li {position:relative; font-size:16px;background:url(../../img/bullet.png) no-repeat 0 12px; padding-left:120px; line-height:200%;} .txtlist02 li span {position:absolute; left:20px; width:80px; font-weight:bold;} .txtlist02 li span:after {position:absolute; right:0; top:7px; width:1px; height:14px; background:#000; content:"";} @media all and (max-width:996px){ .big_title {font-size:22px;} .table01 table {margin-top:40px;} .table01 table th {font-size:14px; padding:15px; width:100px;} .table01 table td {font-size:14px; padding:15px;} .btn_wrap .btn_cancel {font-size:16px;} .table02 table th { font-size:14px; padding:10px 0;} .table02 table td { font-size:14px; padding:10px 0;} .table02.rental th {font-size:14px; text-align:left; padding-left:10px; width:110px;} .table02.rental td {font-size:14px;} } @media all and (max-width:600px){ .txtlist02 li {font-size:14px; padding-left:100px;} .txtlist02 li span {width:65px;} .txtlist li {font-size:15px;} .txtlist li.small_txt {font-size:14px;} .table02 table th { font-size:13px;} .table02 table td { font-size:13px; } } /*센터소개 .about_box.d-flex {display:flex; width:100%; margin-top:100px;} .about_box .about_txt {width:50%; padding:0 70px;} .about_box .about_txt.first {border-right:1px solid #c8c8c8;} .about_box .about_txt p {font-size:17px; color:#262626; margin-top:40px;} @media all and (max-width:996px){ .about_box.d-flex {flex-wrap:wrap; margin-top:40px;} .about_box .about_txt {width:100%; padding:0;} .about_box .about_txt.first {border-right:0; padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #c8c8c8;} .about_box .about_txt p {font-size:16px; margin-top:20px;} .about_box .about_txt p br {display:none;} } @media all and (max-width:400px){ .about_box .about_txt .big_title br {display:none;} }*/ /*ci소개 .ci_box {padding:60px 0; text-align:center;} .ci_box p {font-size:18px; color:#262626; line-height:160%;} .ci_box p span.red_bg {display:inline-block; background:#ed2b4e; color:#FFF; padding:0 10px; margin-bottom:10px;} .ci_img_list {display:flex; justify-content:space-between;} .ci_img_list li {width:49%; border:1px solid #dadada;} @media all and (max-width:996px){ .ci_box p {font-size:16px;} .ci_box p span.red_bg {text-align:center;} } */ /*주요사업 .business_box {display:flex;border:1px solid #dadada; margin-bottom:60px; background:url(../../img/business_bg.png) no-repeat right top; padding:25px;} .business_box .img {width:667px;} .business_box .img img {width:100%;} .business_box .info {width:calc(100% - 667px); padding-left:70px; padding-top:70px; padding-right:40px;} .business_box .info h3 {display:inline-block; border-bottom:1px solid #ed2b4e; font-family: 'GmarketSansMedium'; font-size:30px; color:#000000; margin-bottom:55px;} .business_box.right {background:url(../../img/business_bg.png) no-repeat -10px top;} .business_box.right .img {order:2;} .business_box.right .info {order:1; padding-right:70px; padding-left:40px;} @media all and (max-width:1400px){ .business_box .img {width:500px;} .business_box .info {width:calc(100% - 500px); padding-top:10px;} } @media all and (max-width:1000px){ .business_box .img {width:300px;} .business_box .info {width:calc(100% - 300px); padding-top:10px;} } @media all and (max-width:800px){ .business_box {flex-wrap:wrap;} .business_box .img {width:100%;} .business_box .info {width:100%; padding:50px 0px;} .business_box .info h3 {font-size:26px; margin-bottom:20px;} .business_box .img {order:2;} .business_box .info {order:1;} .business_box.right {background:url(../../img/business_bg.png) no-repeat right top;} .business_box.right .info {padding:50px 0;} }*/ /*시설안내 .floor_box {position:relative;margin-top:70px;} .floor_box .img {width:50%;} .floor_box .info {position:absolute; width:calc(50% + 100px); min-height:400px; bottom:0; right:0;background:#FFF; padding:60px;} .floor_box .info .caname {display:inline-block; border-radius:5px; font-size:14px; color:#FFF; background:#2b6cb5; padding:0 10px;} .floor_box .info .caname.type1 {background:#2b6cb5;} .floor_box .info .caname.type2 {background:#00bca4;} .floor_box .info .caname.type3 {background:#9b6ff1;} .floor_box .info .caname.type4 {background:#404041;} .floor_box .info h3 {font-size:35px; color:#000000; line-height:180%; font-weight:bold; margin-bottom:10px;} .floor_box .info a.rental_btn {position:absolute; font-family: 'GmarketSansMedium'; right:0; bottom:10px; display:block; font-size:18px; color:#FFF; background:#2d2d2d; padding:15px 40px; line-height:100%; transition:all .3s;} .floor_box .info a.rental_btn span {position:relative;display:inline-block; padding-right:40px; } .floor_box .info a.rental_btn span:after {position:absolute; width:29px; height:2px; background:#FFF; content:""; right:0; top:6px; transition:all .3s;} .floor_box .info a.rental_btn:hover {background:#e73079; } .floor_box .info a.rental_btn:hover span:after {right:-10px;} .floor_box:nth-child(even) {display:flex;} .floor_box:nth-child(even) .img {margin-left:auto;} .floor_box:nth-child(even) .info {left:0; right:auto;} .floor_box:nth-child(even) .info a.rental_btn {right:auto; left:60px;} .floor_img_pc {} .floor_img_mobile {display:none !important;} @media all and (max-width:1200px){ .floor_box {display:flex; flex-wrap:wrap;} .floor_box .img {width:50%;} .floor_box .info {position:relative; width:50%; padding:20px 30px;} .floor_box .info h3 {font-size:30px;} .floor_box .info a.rental_btn {font-size:16px;} } @media all and (max-width:700px){ .floor_box {display:flex; flex-wrap:wrap; margin-top:40px;} .floor_box .img {width:100%;} .floor_box .info {position:relative; width:100%; padding:20px 0px; min-height:auto;} .floor_box .info h3 {font-size:26px;} .floor_box .info a.rental_btn {position:relative; display:inline-block; margin-top:30px; font-size:16px;} .floor_box:nth-child(even) {display:flex;} .floor_box:nth-child(even) .img {margin-left:auto;} .floor_box:nth-child(even) .info {left:0; right:auto;} .floor_box:nth-child(even) .info a.rental_btn {right:0; left:auto;} .floor_img_pc {display:none !important;} .floor_img_mobile {display:block !important;} } */ /*이용및회원안내*/ .membership_box {background:url(../../img/membership_bg.png) no-repeat center 0;} .membership_box h3 {font-family: 'Tenada'; font-size:35px; padding:70px 0; text-align:center;} .membership_box h3 span {color:#6b50df;} .membership_box ul.list {display:flex; justify-content:space-between; padding:0 100px;} .membership_box ul.list li {background:#FFF; border:1px solid #6b50df; display:flex; flex-direction:column; padding:30px; width:30%; justify-content:center; align-items:center;} .membership_box ul.list li .icon {display:inline-block; width:100%; height:120px; position:relative; margin-bottom:10px;} .membership_box ul.list li .icon.icon01 {background:url(../../img/membership_icon01.png) no-repeat center 0;} .membership_box ul.list li .icon.icon02 {background:url(../../img/membership_icon02.png) no-repeat center 0;} .membership_box ul.list li .icon.icon03 {background:url(../../img/membership_icon03.png) no-repeat center 0;} .membership_box ul.list li h4 {position:absolute; width:100%; text-align:center;bottom:0; z-index:2; font-family: 'GmarketSansMedium'; font-size:25px; color:#6b50df;} .membership_box ul.list li p {font-size:16px; color:#000000; text-align:center;} .membership_box ul.list li p b {font-size:18px; font-weight:bold;} .toptitle {font-family: 'GmarketSansMedium'; margin-top:120px; margin-bottom:70px; background:url(../../img/toptitle_line.png) no-repeat center 0; padding-top:30px; font-size:35px; color:#000000; text-align:center;} @media all and (max-width:1000px){ .membership_box ul.list {padding:0 50px; } .membership_box ul.list li h4 {font-size:20px;} .membership_box ul.list li p {font-size:14px;} .membership_box ul.list li p b {font-size:16px;} .toptitle {font-size:30px;} } @media all and (max-width:767px){ .membership_box {background:#eff0ff;} .membership_box h3 {font-size:26px; padding:40px 0;} .membership_box ul.list {flex-wrap:wrap; padding:0 20px;} .membership_box ul.list li {width:100%; margin-bottom:20px; flex-direction:row; padding:10px 20px;} .membership_box ul.list li .icon {width:100px;} .membership_box ul.list li .icon h4 {font-size:18px;} .membership_box ul.list li p {display:block; width:calc(100% - 100px); text-align:left; padding-left:10px;} .toptitle {font-size:26px; margin-top:70px; margin-bottom:40px;} } @media all and (max-width:400px){ .membership_box h3 {font-size:22px; padding:40px 0;} .membership_box ul.list {flex-wrap:wrap; padding:0 20px;} .membership_box ul.list li {width:100%; margin-bottom:20px; flex-direction:row; padding:10px 10px;} .membership_box ul.list li .icon {width:70px; height:100px; background-size:95% !important;} .membership_box ul.list li .icon h4 {font-size:16px;} .membership_box ul.list li p {display:block; width:calc(100% - 70px); text-align:left; padding-left:10px;} .toptitle {font-size:26px; margin-top:70px; margin-bottom:40px;} } /* 오시는길*/ #daumRoughmapContainer1715842475972 {width:100%;} .location_map {margin-bottom:80px;} .location_info {position:relative; padding:40px 60px; border:1px solid #d7d7d7; border-top:none;} .location_info h3 {font-family: 'Tenada'; font-size:30px; margin-bottom:20px;} .location_info ul.txtlist02 li {font-family: 'GmarketSansMedium'; font-size:17px;} .location_info a.location_btn {position:absolute; width:109px; height:109px; background:#ed2b4e; font-family: 'GmarketSansMedium'; font-size:17px; padding-top:20px; color:#FFF; right:40px; top:40px; text-align:center;} .location_info a.location_btn .icon {background:url(../../img/navi_icon.png) no-repeat center 0; display:block; width:100%; height:40px; } .location_box {position:relative; padding:50px 0; padding-left:380px; border-bottom:1px solid #d7d7d7;} .location_box h4 {position:absolute; left:110px; top:50px; width:140px; height:110px; text-align:center; font-size:20px; color:#000000; font-weight:bold;} .location_box.bus h4 {background:url(../../img/bus_icon.png) no-repeat center bottom;} .location_box.subway h4 {background:url(../../img/subway_icon.png) no-repeat center bottom;} .location_box.car h4 {background:url(../../img/car_icon.png) no-repeat center bottom;} .location_box .desc .txtlist > li {font-size:16px; margin-bottom:15px; line-height:180%;} .location_box .desc .txtlist li span.loc {display:inline-block; border-radius:5px; padding:0 5px; line-height:140%; color:#FFF; margin-right:10px; margin-left:10px;} .location_box .desc .txtlist li span.loc.first {margin-left:0;} .location_box .desc .txtlist li span.loc.type1 {background:#00aeab;} .location_box .desc .txtlist li span.loc.type2 {background:#c227e9;} .location_box .desc .txtlist li span.loc.type3 {background:#f86e55;} .location_box .desc .txtlist li span.loc.type4 {background:#5fb73c;} .location_span {display:inline-block; background:#030303; color:#fff; padding:0 10px; line-height:140%; margin-top:25px; margin-bottom:10px;} @media all and (max-width:992px){ .location_map {margin-bottom:50px;} .location_info {padding:30px; padding-right:200px;} .location_info h3 {font-size:24px;} .location_info ul.txtlist02 li {font-size:15px;} .location_box {padding-left:0; padding:30px 0;} .location_box h4 {position:relative; left:0; top:0; padding-left:40px; width:100%; height:auto; margin-bottom:20px; text-align:left;} .location_box.bus h4 {background:url(../../img/bus_icon.png) no-repeat 0 0; background-size:auto 30px;} .location_box.subway h4 {background:url(../../img/subway_icon.png) no-repeat 0 0; background-size:auto 30px;} .location_box.car h4 {background:url(../../img/car_icon.png) no-repeat 0 0; background-size:auto 30px;} .location_box .desc .txtlist li span.loc {font-size:14px;} } @media all and (max-width:667px){ #daumRoughmapContainer1715842475972 {height:350px} .location_info {padding:30px 30px 80px 30px; padding-right:30px;} .location_info h3 {font-size:24px;} .location_info ul.txtlist02 li {font-size:15px;} .location_info a.location_btn { top:auto; right:auto; left:0; bottom:0; width:100%; height:50px; font-size:15px; padding:10px 0;} .location_info a.location_btn .icon {position:relative; top:5px; display:inline-block; width:40px; height:20px; background-size:auto 100%;} } @media all and (max-width:390px){ } .content_box {position:relative; padding-left:280px; margin-bottom:60px;} .content_box h4 {position:absolute; left:0; top:30px; font-family: 'GmarketSansMedium'; font-size:25px; padding:20px 0 0 0; background:url(../../img/membership_bullet.png) no-repeat; min-height:30px; line-height:140%;} .content_box .desc {border:1px solid #d7d7d7; padding:40px;} .content_box .desc.bank_info {border-bottom:none;} .content_box ul.txtlist li {margin-bottom:10px;} .content_box ul.txtlist li:last-child {margin-bottom:0;} .content_box ul.txtlist li.small_txt {margin-bottom:0;} .content_box .desc .caption {margin-top:30px; padding-left:20px;} .flow_pc {} .flow_mobile {display:none !important;} @media all and (max-width:1000px){ .content_box {padding-left:200px;} .content_box h4 {font-size:18px;} } @media all and (max-width:767px){ .content_box {padding-left:0px;} .content_box h4 {position:relative; left:auto; top:auto; font-size:18px;} .content_box .desc {padding:0px; margin-top:10px; border:none;} .content_box .desc .caption {margin-top:20px; padding-left:10px; font-size:14px;} .flow_pc {display:none !important;} .flow_mobile { display:block !important;} } /*미디어교육*/ .media_flow {display:flex; justify-content:space-between;} .media_flow li {width:22%; text-align:center; position:relative;} .media_flow li .icon {display:inline-block; width:100px; height:100px; margin-bottom:10px; } .media_flow li .icon01 {background:url(../../img/media_icon01.png) no-repeat center center;} .media_flow li .icon02 {background:url(../../img/media_icon02.png) no-repeat center center;} .media_flow li .icon03 {background:url(../../img/media_icon03.png) no-repeat center center;} .media_flow li .icon04 {background:url(../../img/media_icon04.png) no-repeat center center;} .media_flow li .txt span {font-family: 'GmarketSansMedium'; font-size:16px; display:inline-block; color:#FFF; background:#2a2a2a; border-radius:50px; padding:8px 30px; line-height:140%;} .media_flow li:after {position:absolute; font-family: 'FontAwesome'; content: "\f105"; right:0px; top:30px; font-size:46px;} .media_flow li:last-child:after {display:none;} .media_flow.rental li .icon01 {background:url(../../img/rental_icon01.png) no-repeat center center;} .media_flow.rental li .icon02 {background:url(../../img/rental_icon02.png) no-repeat center center;} .media_flow.rental li .icon03 {background:url(../../img/rental_icon03.png) no-repeat center center;} .media_flow.rental li .icon04 {background:url(../../img/rental_icon04.png) no-repeat center center;} .media_flow.rental li .icon05 {background:url(../../img/rental_icon05.png) no-repeat center center;} .media_flow.rental li .txt span {font-family: 'NanumSquare';font-size:16px; display:inline-block; color:#2a2a2a; background:#fff; border-radius:0px; padding:8px 0px; line-height:140%;} @media all and (max-width:1200px){ .media_flow li .txt span {font-size:14px; padding:8px 10px; min-width:100px;} } @media all and (max-width:676px){ .media_flow { justify-content:start;} .media_flow li {flex:1; width:auto; margin-right:20px; border:1px solid #000;} .media_flow li .icon {width:50%; height:60px; background-size:100% !important; margin-bottom:0; } .media_flow li:after {font-size:30px; top:30px; right:-20px;} .media_flow li .txt span {background:#FFF; color:#222; font-size:12px; padding:0;} .media_flow.rental li .txt span {font-size:12px; } } .bank_info_box {display:flex; flex-direction:column; justify-content:center; align-items:center; padding:30px 0; text-align:center; border:1px solid #d7d7d7; border-top:none; background:url(../../img/main_dotline_h.png) repeat-x 0 top #f9f9f9; line-height:180%;} .bank_info_box .bank_icon {background:url(../../img/bank_icon.png) no-repeat; padding-left:60px; min-height:30px;} .bank_info_box .bank_icon b {font-weight:bold; font-size:22px; color:#e73079;} .table02.media_table {} .table02.media_table th {font-size:16px;} .table02.media_table td {font-size:16px;} .table02.media_table td.text-left {padding-left:60px;} .t_style_hori {margin-top:0px; border-collapse:collapse; width:100%; margin-bottom:20px;} .t_style_hori th { font-size:16px; font-weight:bold; background:#f7f7f7; padding:15px; border:1px solid #dedede; text-align:center;} .t_style_hori td {font-size:16px; padding:15px; border:1px solid #dedede; text-align:center;} .hidden {display:none;} .mobile_br {display:none;} @media all and (max-width:676px){ .bank_info_box {font-size:14px;} .bank_info_box .bank_icon b {font-size:18px;} .mobile_br {display:block;} .table02.media_table th {font-size:14px;} .table02.media_table td {font-size:14px;} .table02.media_table td.text-left {padding-left:20px;} } @media all and (max-width:420px){ .bank_info_box .bank_icon {background-position:center top; padding-left:0; padding-top:40px;} } /* 개인정보처리방침 */ h4.subTtl { position: relative; font-size: 1.5em; padding-left: 2em; margin-bottom: 0.75em; word-break: keep-all; } .sub_privacy{ font-size:16px;} .subTtl {background:url(../../img/program_title_bullet.png) no-repeat; padding-left:30px; font-family: 'GmarketSansMedium'; font-size:1.2em; margin-bottom:30px; margin-top:50px; } .sub_privacy .top p {border:1px solid #ddd; padding:2em 4em; word-break:keep-all; font-size:1em; text-align:center; line-height:1.5;} .sub_privacy .label > ul{margin-left:-0.5em; margin-right:-0.5em;} .sub_privacy .label > ul > li {text-align:center; overflow:hidden; position:relative; margin-bottom:1.5em; cursor:pointer; width:33.33333%;} .sub_privacy .label > ul > li img {display:inline-block;} .sub_privacy .label .cover span{display:block; padding:0 0.5em;} .sub_privacy .label .cover p{font-weight:500; font-size:1.05em;} .sub_privacy .label .con{position:absolute; left:0; top:100%; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; background:#fff; border:1px solid #ddd; padding:2%; transition:all .4s;} .sub_privacy .label > ul > li:hover .con, .sub_privacy .label > ul > li:focus .con{top:0;} .sub_privacy .label .con dl{padding:0 5px; transform:scale(1);} .sub_privacy .label .con dt{text-align:center; background:var(--clr--main); color:#fff; font-weight:500; padding:0.5em;} .sub_privacy .label .con dd{padding:1em 1em 0.5em; font-size:0.95em; word-break:keep-all;} .sub_privacy .label .con dd ul{padding-left:0; margin-top:1em;} .sub_privacy .label .con dd li{padding-bottom:0.5em; border:1px solid #ddd; padding:5px 0.75em; border-radius:5px; font-size:0.95em;} .sub_privacy .label .con dd li b{display:block; width:100px; font-weight:500; color:var(--clr--main);} .sub_privacy .label .con dd li span{display:block; width:calc(100% - 100px);} .sub_privacy .label .con dl:nth-child(4) dd li b{width:160px; padding-right:2em;} .sub_privacy .label .con dl:nth-child(4) dd li span{width:calc(100% - 160px);} .sub_privacy .index ul{margin-left:-5px; margin-right:-5px;} .sub_privacy .index li{padding:5px;} .sub_privacy .index li a{display:block; border:1px solid #ddd; border-radius:100px; padding:0.75em 1.75em; transition:all .2s; word-break:keep-all;} .sub_privacy .index li a:after{position:relative; content:"\f105"; font-family: 'FontAwesome'; font-weight:900; margin-left:0.5em; vertical-align:middle; opacity:0; transition:opacity .2s;} .sub_privacy .index li a:hover{padding-left:2.5em; border-color:var(--clr--main); color:var(--clr--main); font-weight:500;} .sub_privacy .index li a:hover:after{opacity:1;} .sub_privacy .bottom > dl + dl{margin-top:1em;} .sub_privacy .bottom > dl > dt{ font-size:1.2em; font-weight:bold; margin-top:50px; border-left:4px solid #e73079; padding-left:10px; margin-bottom:20px;} .sub_privacy .bottom > dl > dt button{position:relative; font-size:1.2em; font-weight:600; padding-left:2em; transition:all .2s; word-break:keep-all; } .sub_privacy .bottom > dl > dt button:before{position:absolute; content:""; width:2px; height:20px; left:10px; margin-left:-1px; top:50%; margin-top:-12px; background:#e73079; transition:all .2s;} .sub_privacy .bottom > dl > dt button:after{position:absolute; content:""; width:20px; height:2px; left:0; top:50%; margin-top:-3px; background:var(--clr--main); transition:all .2s;} .sub_privacy .bottom > dl > dt button:hover:before, .sub_privacy .bottom > dl.on > dt button:before{transform:rotate(90deg);} .sub_privacy .bottom > dl > dt i{display:inline-block; vertical-align:middle;} .sub_privacy .bottom > dl > dd {display:block; padding:1.75em 2.5em; border:1px solid #ddd;} .sub_privacy .bottom > dl > dd * + ul{margin-top:0.5em; padding-left:1em;} .sub_privacy .bottom > dl > dd > ul li + li{margin-top:0.5em;} .sub_privacy .bottom > dl > dd a:not(.date){display:inline; text-decoration:underline;} .sub_privacy .bottom .history{} .sub_privacy .bottom .prev .date{position:relative; background:#f5f5f5; padding:0.5em 0.75em; padding-right:30px; margin-bottom:0.5em; font-weight:500;} /*.sub_privacy .bottom .prev .date:after{content:""; position:absolute; right:0.5em; top:50%; margin-top:-9px; width:18px; height:18px; display:block; background:url("/design/theme/yimedia/images/main/prog_ico_btn.png") no-repeat center center; transition:all .3s;} .sub_privacy .bottom .prev .date.on:after{transform:rotate(180deg);} .sub_privacy .bottom .prev .date ~ *{display:none; padding-left:1.5em;}*/ #subContent .sub_privacy .bottom .tbl_01{margin-top:0.5em;} .sub_privacy .dp-flex .col-6 {width:48%;} .sub_privacy .clr--main {color:#e73079;} table.tbl_01 {margin-top:0px; border-collapse:collapse; width:100%; border-bottom:1px solid #000; border-top:2px solid #000; margin:10px 0;} table.tbl_01 th {font-size:0.85em; font-weight:bold; background:#f7f7f7; padding:15px; border:1px solid #dedede; text-align:center; border-right:none;} table.tbl_01 th:first-child {border-left:none;} table.tbl_01 td {font-size:0.85em; padding:15px; border:1px solid #dedede; text-align:center; border-right:none;} table.tbl_01 td:first-child {border-left:none;} @media all and (max-width:600px){ h4.subTtl { font-size: 1.2em;} .sub_privacy .label .cover p {font-size:0.9em;} .sub_privacy .top p {padding:20px; text-align:left;} .sub_privacy .top p br {display:none;} .sub_privacy .dp-flex .col-6 {width:100%;} .sub_privacy .bottom > dl > dd {padding:20px; font-size:0.9em;} } .category_list ul { display: flex; width: 980px; margin: 0 auto; } .category_list ul li { margin: 0 -20px; position: relative; z-index: 1;} .category_list li .conbox { display: block; width: 351px; height: 351px; overflow: hidden; text-indent: -560000px; background: url("/resources/img/sub/product_m1.png") no-repeat 50% 50%; background-size: 100% auto; transition: all 0.5s; } .category_list li .conbox span { display: none; } .category_list ul li:hover .conbox { background: url("/resources/img/sub/product_m1_hover.png") no-repeat 50% 50%; transition: all 0.5s;} .category_list li:nth-of-type(1) .conbox { background: url("/resources/img/sub/product_m1.png") no-repeat 50% 50%; background-size: 100% auto; } .category_list li:nth-of-type(2) .conbox { background: url("/resources/img/sub/product_m2.png") no-repeat 50% 50%; background-size: 100% auto; } .category_list li:nth-of-type(3) .conbox { background: url("/resources/img/sub/product_m3.png") no-repeat 50% 50%; background-size: 100% auto; } .category_list li:nth-of-type(1):hover .conbox { background: url("/resources/img/sub/product_m1_hover.png") no-repeat 50% 50%; background-size: 100% auto; } .category_list li:nth-of-type(2):hover .conbox { background: url("/resources/img/sub/product_m2_hover.png") no-repeat 50% 50%; background-size: 100% auto; } .category_list li:nth-of-type(3):hover .conbox { background: url("/resources/img/sub/product_m3_hover.png") no-repeat 50% 50%; background-size: 100% auto; } @media screen and (max-width: 1024px) { .category_list ul { width: auto; justify-content: center;} .category_list ul li { margin: 0 -2vw; } .category_list li .conbox { width: 34vw; height: 34vw; background-size: 100% auto; } /* .product_m_list { display: block; } */ /* .product_category .mcon { display: none; } */ } @media screen and (min-width: 1025px) { .product_category .mcon { display: block; } } /*대관신청*/ .applyForm_wrap {position:relative; padding-left:290px;} .applyForm_wrap .title {position:absolute; left:0; top:0; width:250px;} .applyForm_wrap .eng_txt h3 {font-size:42px; color:#333333; font-family: 'GmarketSansBold'; letter-spacing:-2px; line-height:100%; margin:10px 0;} .applyForm_wrap .eng_txt p {font-size:28px; color:#333333; font-family: 'GmarketSansBold'; letter-spacing:-2px; line-height:120%;} .applyForm_wrap .kor_txt {font-size:15px; color:#000000; line-height:150%; margin-top:30px; letter-spacing:-0.5px;} .applyForm {border-top:2px solid #000000; } .applyForm ul {display:flex; flex-wrap:wrap; border-bottom:2px solid #000;} .applyForm li {display:flex; width:100%; position:relative; border-bottom:1px solid #cbcbcb;} .applyForm li label {width:240px; font-size:15px; background:#f8f8f8; padding:25px 50px;} .applyForm li label q {color:#cc0000; quotes:"""";} .applyForm li .cont {width:calc(100% - 240px); padding:18px 30px; font-size:15px; color:#000000;} .applyForm li .cont .inputbox {background:#f5f5f5; border:1px solid #cccc; height:40px;} .applyForm li .cont .inputbox.w100 {width:100%;} .applyForm li .cont .inputbox.w100px {width:100px;} .applyForm li .cont .inputbox.w150px {width:150px;} .applyForm li .cont .inputbox.file { border:none; background:none; width:200px;} .applyForm li .cont .radio_gap {margin-right:20px;} .applyForm li .cont .input_gap {margin-right:20px;} .applyForm li .cont .caption {font-size:14px; margin-left:10px;} .applyForm li.half {width:50%;} .applyForm li .cont label { width: auto;background: none;padding: 0px; } @media screen and (max-width: 1300px) { .applyForm li label {width:200px; padding:25px 20px;} .applyForm li .cont {width:calc(100% - 200px); padding:18px 20px;} } @media screen and (max-width: 992px) { .applyForm li.half {width:100%;} } @media screen and (max-width: 920px) { .applyForm_wrap {padding-left:0;} .applyForm_wrap .title {position:relative; width:100%; margin-bottom:20px;} .applyForm_wrap .eng_txt h3 {display:inline-block;} .applyForm_wrap .eng_txt p {display:inline-block; margin-left:10px;} .applyForm_wrap .kor_txt {margin-top:10px;} .applyForm_wrap .kor_txt br {display:none;} } @media screen and (max-width: 600px) { .applyForm_wrap .eng_txt h3 {font-size:30px;} .applyForm_wrap .eng_txt p {font-size:30px; margin-left:5px;} .applyForm_wrap .kor_txt {font-size:15px;} .applyForm li label {width:130px; padding:25px 10px; font-size:14px;} .applyForm li .cont {width:calc(100% - 130px); padding:18px 10px; font-size:14px;} .applyForm li .cont .inputbox.w100px {width:50px;} .applyForm li .cont .inputbox.file { border:none; background:none; width:100%;} .applyForm li .cont.wr_date {display:flex;} .applyForm li .cont.wr_date .inputbox.w150px {width:calc(50% - 5px);} .applyForm li .cont.wr_hp {display:flex; flex-wrap:wrap;} .applyForm li .cont.wr_hp .inputbox.w100px {width:calc(32% - 5px);} .applyForm li .cont .caption {margin-left:0px; display:block; margin-top:10px;} .applyForm li .cont .radio_gap {margin-right:0; display:block;} .applyForm li .cont .input_gap {margin-right:0; display:block;} } .form_btn_set {padding:30px 0 40px 0; display:flex; justify-content:center;} .form_btn_set.pdnone {padding-top:40px;} .form_btn_set .apply_btn {margin:0 5px; display:flex; background:#2d2d2d; width:205px; height:49px; justify-content:center; align-items:center; font-size:18px; font-weight:bold;color:#FFF; line-height:1em; cursor:pointer;} .form_agree_title {font-size:30px; margin-bottom:15px; margin-top:60px; font-weight:bold;} .form_agree_title.first {margin-top:30px;} .form_agree {border:1px solid #cccccc; padding:20px 10px 20px 20px;} .form_agree > div {padding:20px; height:200px; overflow-y:auto; font-size:16px; color:#000000; line-height:180%;} .form_agree.program > div {height:150px;} .form_agree > div h4 {font-size:18px; color:#dc2328;} .form_agreechk {padding:20px; font-size:18px; color:#000000 } .form_agreechk label {display:inline-block;} .form_agreechk input[type="checkbox"] {width:20px; height:20px;} .form_agreechk q {color:#dc2328; quotes:"""";} .form_check_desc {font-size:15px; padding:20px;} @media all and (max-width:900px){ .form_agree_title {font-size:24px; margin-top:50px;} .form_agree {padding:10px;} .form_agree > div {font-size:14px; padding:15px;} .form_agreechk {font-size:14px;} } @media all and (max-width:600px){ .form_agree_title {font-size:24px; margin-top:50px;} .form_agree {padding:10px;} .form_agree > div h4 {font-size:16px;} .form_agree > div {font-size:14px; padding:15px;} .form_agreechk {font-size:14px;} .form_table td .form_select {min-width:100%;} } @media all and (max-width:450px){ .form_agree_title {font-size:20px; margin-top:30px;} .form_agree {padding:10px;} .form_agree > div {font-size:13px; padding:15px;} .form_agree > div h4 {font-size:15px;} .form_agreechk {font-size:13px;} } /*캘린더*/ .calendar_wrap {display:flex; flex-wrap:wrap;} .calendar_left {width:45%;} .calendar_left_inner { border:1px solid #cccccc; padding:40px 30px;} .calendar_right {width:55%; padding-left:5%;} .calendar_header {margin-top:20px; margin-bottom:20px;} .calendar_title {background:#000000; max-width:370px; margin:0 auto; color:#FFF; font-size:12px; text-align:center; padding:0px 0;} .calendar_header ul {display:flex; justify-content:center;} .calendar_header ul li a.active span {border-bottom:3px solid #d92a83;} .calendar_header ul li.title {font-size:30px; color:#000000; height:70px; display:flex; align-items:center; padding:0 30px;} .calendar_header ul li.angle a {position:relative;font-size:30px; color:#000000; height:65px; display:flex; align-items:center; padding:0 15px; cursor:pointer;} .calendar_header ul li.angle.line a:after {position:absolute; content:""; width:1px; height:16px; background:#a0a0a0; right:0;} .calendar_box {} .calendar_box ul {display: flex; list-style: none; flex-wrap: wrap; } .calendar_box .weeks li {height:70px; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:bold;} .calendar_box .weeks li:first-child {border-left:none;} .calendar_box li.sat {color:#0d6dd0;} .calendar_box li.sun {color:#d14545;} .calendar_box .days {} .calendar_box ul li { width: calc(100% / 7); position: relative;} .calendar_box .days li {position:relative; min-height:50px; padding:10px 0; text-align:center;} .calendar_box .days li:nth-child(7n+1) {border-left:none;} .calendar_box .days li .date {font-size:14px; color:#000000; font-family: 'GmarketSansMedium';} .calendar_box .days li.sat .date {color:#0d6dd0;} .calendar_box .days li.sun .date {color:#d14545;} .calendar_box .days li.holiday .date {color:#d14545;} .calendar_box .days li .date {display:inline-flex; width:40px; height:40px; border-radius:100%; justify-content:center; align-items:center;} .calendar_box .days li.today .date {background:#3a3a3a; color:#FFF !important;} .calendar_box .days li .date span {font-size:14px; color:#d32323; font-family: 'NanumSquare'; margin-left:10px;} .calendar_info_list {} .calendar_info_list li {border-bottom:2px solid #000; margin-bottom:50px;} .calendar_info_list li a { display:flex; padding-top:10px; } .calendar_info_list li .img {margin-left:auto; width:244px; display:flex; height:100%; align-items:end;} .calendar_info_list li .img img {max-width:100%;height: auto;} .calendar_info_list li .txt {width:calc(100% - 244px); padding-left:5px;} .calendar_info_list li .txt .ca_name span {background:#ef4646; color:#FFF; display:inline-block; font-size:14px; padding:0 5px; border-radius:5px; line-height:150%;} .calendar_info_list li .txt .ca_name.cat_0 span {background:#ef4646; color:#FFF;} .calendar_info_list li .txt .ca_name.cat_1 span {background:#27a7dc; color:#FFF;} .calendar_info_list li .txt .ca_name.cat_2 span {background:#48b445; color:#FFF;} .calendar_info_list li .txt .ca_name.cat_3 span {background:#c2882c; color:#FFF;} .calendar_info_list li .txt .subject {font-family: 'NanumSquare'; font-size:24px; letter-spacing:-1px; margin-bottom:30px; margin-top:10px; font-weight:bold; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .calendar_info_list li .txt .desc {font-family: 'NanumSquare'; font-size:15px; line-height:160%;} .calendar_info_list li.empty {font-family: 'NanumSquare'; padding-top:20px; font-size:24px; font-weight:bold; min-height:250px; background:url(../../img/empty_logo.png) no-repeat right bottom;} @media all and (max-width:1000px){ .calendar_left {width:100%;} .calendar_left_inner {} .calendar_right {width:100%; padding-left:0; padding-top:30px;} } @media all and (max-width:600px){ .calendar_header ul li.title {font-size:24px;} .calendar_left_inner { padding:20px 10px;} .calendar_info_list li { margin-bottom:20px;} .calendar_info_list li .img {width:150px;} .calendar_info_list li .txt {width:calc(100% - 150px); padding-left:0px;} .calendar_info_list li .txt .subject {font-size:18px; margin-bottom:5px; margin-top:5px; } .calendar_info_list li .txt .desc {font-size:13px; line-height:140%;} .calendar_info_list li.empty {font-size:20px; min-height:200px; background-size:170px;} }