@charset "utf-8"; /* font */ @import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); /* @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); */ @font-face { font-family: 'NanumSquare'; font-weight: 400; src: url(https://parks.seoul.go.kr/css/egovframework/com/user/template/fonts/NanumSquareR.eot); src: url(https://parks.seoul.go.kr/css/egovframework/com/user/template/fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'), url(https://parks.seoul.go.kr/css/egovframework/com/user/template/fonts/NanumSquareR.woff2) format('woff2'), url(https://parks.seoul.go.kr/css/egovframework/com/user/template/fonts/NanumSquareR.woff) format('woff'), url(https://parks.seoul.go.kr/css/egovframework/com/user/template/fonts/NanumSquareR.ttf) format('truetype'); } @font-face { font-family: 'NanumSquare'; font-weight: 700; src: url(https://parks.seoul.go.kr/css/egovframework/com/user/template/fonts/NanumSquareB.eot); src: url(https://parks.seoul.go.kr/css/egovframework/com/user/template/fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'), url(https://parks.seoul.go.kr/css/egovframework/com/user/template/fonts/NanumSquareB.woff2) format('woff2'), url(https://parks.seoul.go.kr/css/egovframework/com/user/template/fonts/NanumSquareB.woff) format('woff'), url(https://parks.seoul.go.kr/css/egovframework/com/user/template/fonts/NanumSquareB.ttf) format('truetype'); } @font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: 600; font-style: normal; } /* reset */ *{-webkit-text-size-adjust:none;} body,p,h1,h2,h2,h3,h4,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,pre,a,span{margin:0;padding:0;font-family:'Noto Sans KR',sans-serif;} body{font-size:16px;font-weight:400;color:#222;line-height:1.5;letter-spacing:-0.3px;/*word-wrap:break-word;word-break:keep-all;*/} h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-0.5px;} ul,ol,li{display:block;list-style:none;} img{border:0px none;} img,input,button,label,select{vertical-align:middle;} input[type='text'],input[type='password'],input[type='number']{padding-left:5px;} input[type='submit'],input[type='button'],button{cursor:pointer;} i,em,address{font-style:normal;} a{text-decoration:none;color:#111;} a:hover{text-decoration:none;} table { table-layout: fixed; empty-cells: show; border-collapse: collapse; border: 0; border-spacing: 0; width: 100%; margin: 0; padding: 0; } article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block;} caption, .soundOnly{display:block !important;position:absolute !important;top:-9999px !important;} #overlay{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.5);} button{margin: 0;padding: 0;border: 0;vertical-align: middle;background:transparent} .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;} /* common */ .inner{position:relative;margin:0 auto;width:1100px;} .inner:after{display:block;content:'';clear:both;} .wHide{display:none !important;} .mHide{display:block !important;} .bgGray{background:#ececec !important;} .bgGray .infoBox{background:#fff !important;} .link{font-weight:700 !important;} .link:hover{text-decoration:underline !important;} .mt0{margin-top:0px !important;} .mt10{margin-top:10px !important;} .mt20{margin-top:20px !important;} .mt40{margin-top:40px !important;} .mt50{margin-top:50px !important;} .floatR{float: right !important;} .clearfix:before, .clearfix:after {content: "";display: table;} .clearfix:after {clear: both;} .no_text{display:block; text-align: center; font-weight: 500;} /* button */ .btnArea{margin:30px 0;text-align:center;} .btnArea a{margin:0 5px;} .btn_s, .btn_l, .btn_2, .btn_3, .btn_4, .btnMore{ display:inline-block; position:relative; box-sizing:border-box; -webkit-transition:background-color 0.2s ease-in; transition:background-color 0.2s ease-in; } .btn_s:hover, .btn_l:hover, .btn_2:hover{ color:#fff !important; background-color:#90c600 !important; } .btnMore:hover{ color:#007639 !important; border-color:#007639 !important; } .btn_s{padding:4px 30px 4px 15px;min-width:90px;line-height:130%;font-size:14px;color:#fff;text-align:center;background:#007639;border:none;border-radius:13px;} .btn_s:before{display:inline-block;content:'';position:absolute;right:12px;top:50%;margin-top:-8px;width:10px;height:17px;background:url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_btnGo.png') center center no-repeat;background-size:9px auto;} .btn_l{padding:15px 60px 15px 35px;min-width:120px;line-height:130%;font-size:17px;color:#fff;text-align:center;background:#007639;border:none;border-radius:35px;} .btn_l:before{display:inline-block;content:'';position:absolute;right:40px;top:50%;margin-top:-8px;width:10px;height:17px;background:url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_btnGo.png') center center no-repeat;} .btn_2{padding:15px 60px 15px 35px;min-width:120px;line-height:130%;font-size:17px;color:#fff;text-align:center;background:#007639;border:none;border-radius:35px;} .btn_2:before{display:inline-block;content:'';position:absolute;right:40px;top:50%;margin-top:-8px;width:10px;height:17px;background:url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_btnGo.png') center center no-repeat;} .btnMore{padding:12px 65px 12px 45px;line-height:100%;font-size:18px;color:#333;font-weight:700;text-align:center;border-radius:30px;border:2px solid #666;} .btnMore:before{display:inline-block;content:'';position:absolute;right:35px;top:50%;margin-top:-8px;width:16px;height:16px;background:url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_btnMore.png') center center no-repeat;} .btnMore:hover:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_btnMore_on.png');} .btn_3{padding:10px 10px;min-width:120px;line-height:130%;font-size:17px;color:#fff;text-align:center;background:#4797b2;border:none;border-radius:13px;} .btn_4{padding:13px 26px 13px 47px;min-width:120px;line-height:130%;font-size:17px;color:#fff;text-align:center;background:#007539;border:none;border-radius:35px;} .pageTop{position:absolute;right:0;bottom:1px;width:71px;height:30px;display:block;} .floorplanIcon{position: relative; left:48px; z-index: 999999; top:-2px; width: 10%;} .parkMbtn{padding: 4px 30px 4px 15px; color:#fff; text-align: center; border-radius: 13px;font-size: 14px; line-height: 130%; min-width: 90px;} .parkMbtn:before{display:inline-block;content:'';position:absolute;right:35px;top:50%;margin-top:-8px;width:16px;height:16px;background:url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_btnMore.png') center center no-repeat;} /* title */ /*h4{margin-bottom:15px;line-height:130%;font-size:34px;text-align:center;}*/ h4.line{position:relative;padding-bottom:15px;} h4.line:after{display:block;content:'';position:absolute;left:50%;bottom:0;margin-left:-20px;width:40px;height:2px;background:#90c600;} h5{margin:35px 0 25px;text-align:center;font-size:24px;color:#007639;font-weight:700;letter-spacing:-0.5px;line-height:100%;} h5 b{display:inline-block;position:relative;} h5 b:before{display:inline-block;content:'';position:absolute;left:-160px;top:50%;margin-top:-6px;width:128px;height:10px;background:url('https://parks.seoul.go.kr/images/egovframework/com/template/bg_h5.png') center center no-repeat;} h5 b:after{display:inline-block;content:'';position:absolute;right:-160px;top:50%;margin-top:-6px;width:128px;height:10px;background:url('https://parks.seoul.go.kr/images/egovframework/com/template/bg_h5.png') center center no-repeat;} /* text */ .pCon{line-height:140%;} .pCon .btn_s{margin-left:10px;} .listCon > li{margin-bottom:7px;line-height:140%;} .listCon > li > ul{margin:7px 0 14px;} .listCon > li > ul > li{margin-bottom:3px;} .listCon.dot > li{position:relative;padding-left:10px;} .listCon.dot > li:before{display:block;content:'';position:absolute;left:0;top:9px;width:2px;height:2px;background:#333;} /* modal */ .modalWrap{position:fixed;top:150px;left:50%;margin-left:-350px;width:700px;max-height:80%;background:#fff;border-radius:15px;opacity:0;z-index:-1;transition-duration:0.5s;overflow:auto;} .modalWrap.active{top:180px;opacity:1;z-index:99;} .modalTitle{position:relative;height:78px;text-align:center;background:#3e8703;} .modalTitle b{display:inline-block;margin-left:-10px;padding-left:55px;font-size:26px;color:#fff;line-height:78px;background:url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_notiBnrTitle.png') left center no-repeat;} .modalTitle .btn_modalClose{display:inline-block;position:absolute;right:25px;top:14px;width:50px;height:50px;text-indent:-9999px;background:url('https://parks.seoul.go.kr/images/egovframework/com/template/btn_modalClose.png') center center no-repeat;overflow:hidden;} .modalContent{padding:30px 60px;min-height:100px;font-size:18px;color:#333;line-height:130%;} /* layout */ /*#header{height:630px;background-position:center top;background-repeat:no-repeat;background-size:cover;}*/ .gildong #header{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/bg_visualGildong.png');} .naksan #header{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/bg_visualNaksan.png');} .namsan #header{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/bg_visualNamsan.png');} .culturetank #header{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/bg_visualCulturetank.png');background-size:auto 100%;} .boramae #header{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/bg_visualBoramae.png');} .dreamforest #header{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/bg_visualDreamforest.png');} .lakepark #header{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/bg_visualLakepark.png');} .irisgarden #header{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/bg_visualIrisgarden.png');} .seonyudo #header{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/bg_visualSeonyudo.png');} .citizen #header{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/bg_visualCitizen.png');} .yeouido #header{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/bg_visualYeouido.png');} .jungnangCampGround #header{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/bg_visualJungnangCampGround.png');} .cheonho #header{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/bg_visualCheonho.png');} .pureun #header{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/bg_visualPureun.png');} /*#header .logoPark{display:inline-block;position:absolute;top:30px;left:70px;}*/ #header a{display:inline-block;} /*#header h1{display:inline-block;position:absolute;top:24px;right:58px;}*/ /*추가*/ /* #header{height:100%;} #header .logo h1{padding:30px 0 20px;} #header .logo a{display:block;width: 183px;height: 45px;margin: 0 auto;} .mt_wrap {width:100%;background-color:#fff;} .head_area{position: fixed;left: 0;top: 95px;z-index: 100;width: 100%;transition-duration: 0.5s;} .head_area .head{width: 1100px;max-width: 100%;margin: 0 auto;background-color: #fff;transition-duration: 0.5s;} .head_area .head .inner{width: 1100px;max-width: 100%;height: 90px;font-size: 0;box-sizing: border-box;margin: 0 auto;} .head_area .head .inner > div{display: inline-block;vertical-align: top;box-sizing: border-box;font-size: 18px;height: 90px;} .head_area .head .inner .home{width: 70px;} .head_area .head .inner .menu{width: 960px;text-align: center;padding: 0;} .head_area .head .inner .logoPark{width: 70px;}*/ #wrap{position:relative;} #header{width:100%;position: absolute;top: 0;left: 0;z-index: 11;} #header .logo{position:relative;text-align: center;} #header .logo h1{margin:20px 0} #header .logo h1 a{display: block;width:135px;height:45px; margin: 0 auto; background: url(https://parks.seoul.go.kr/images/egovframework/com/template/logo.png) no-repeat center center; background-size: cover;} #header .mt_wrap{width: 100%;} #header .mt_wrap .head_area{width: 100%;transition-duration: 0.2s; transform: rotate(.001deg); } #header .mt_wrap .head_area .head{width: 1100px;height:70px;max-width: 100%;margin: 0 auto;background-color: #fff;transition-duration: 0.2s; transform: rotate(.001deg); } #header .mt_wrap .head_area.on{position: fixed;top: 0;right: 0;left: 0;z-index:1000;} #header .mt_wrap .head_area.on .head{width:100%;border-bottom: 1px solid #ddd;box-sizing:border-box;z-index:1000;} #header .mt_wrap .head_area .head .inner{width: 1100px;height:70px;max-width: 100%;margin: 0 auto;box-sizing: border-box;} #header .mt_wrap .head_area .head .inner > div{display:inline-block; box-sizing: border-box;height: 70px;vertical-align: top;font-size:1.250em;} #header .mt_wrap .head_area .head .home{} #header .mt_wrap .head_area .head .home a{display:block;background:#2ca311;padding:0.738em 0;box-sizing:border-box; height:100%;text-align:center;color:#fff;width:70px;font-size:0.750em} #header .mt_wrap .head_area .head .home a span{display:block;font-weight: 300;} #header .logoPark{float:right;} #header .logoPark a{display:block;background:#2ca311;padding:0.738em 0;box-sizing:border-box; height:100%;text-align:center;color:#fff;width:70px;font-size:0.750em} .menu{width:calc(100% - 144px);box-sizing:border-box } .menu ul{ display: flex;justify-content: center;flex-wrap: wrap;} .menu li{position:relative;float:left;font-size:1em;color:#222} .menu li:before{content: '';position:absolute;display:block;width:4px;height:4px;backgroud:#ccc;} .menu li a{display:block;line-height:70px;padding: 0 35px;font-weight: 500;position: relative;} .m_btn, .m_menu_btn{display:none;} .main_bn{position:relative;min-height: 370px;} .main_bn .in .item{height:880px;background-repeat: no-repeat;background-position: center;background-size: cover;} .main_bn .in .item.s1{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/gyeongui.jpg')} .main_bn .in .item.s2{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/gyeongui02.jpg')} .main_bn .in .item.s3{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/gyeongui03.jpg')} .main_bn .in .item.pu1{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/pureun01.jpg')} .main_bn .in .item.pu2{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/pureun02.jpg')} .main_bn .in .item.pu3{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/pureun03.jpg')} .main_bn .in .item.pu4{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/pureun04.jpg')} .main_bn .in .item.pu5{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/pureun05.jpg')} .main_bn .in .item.pu6{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/pureun06.jpg')} .main_bn .in .item.pu7{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/pureun07.jpg')} .main_bn .in .item.lp1{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/lakepark01.jpg')} .main_bn .in .item.lp2{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/lakepark02.jpg')} .main_bn .in .item.lp3{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/lakepark03.jpg')} .main_bn .in .item.lp4{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/lakepark04.jpg')} .main_bn .in .item.lp5{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/lakepark05.jpg')} .main_bn .in .item.sy1{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/seonyudo01.jpg')} .main_bn .in .item.sy2{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/seonyudo02.jpg')} .main_bn .in .item.sy3{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/seonyudo03.jpg')} .main_bn .in .item.sy4{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/seonyudo04.jpg')} .main_bn .in .item.sy5{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/seonyudo05.jpg')} .main_bn .in .item.yd1{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/yeouido01.jpg')} .main_bn .in .item.yd2{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/yeouido02.jpg')} .main_bn .in .item.yd3{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/yeouido03.jpg')} .main_bn .in .item.yd4{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/yeouido04.jpg')} .main_bn .in .item.yd5{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/yeouido05.jpg')} .main_bn .in .item.wd1{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/wold01.jpg')} .main_bn .in .item.wd2{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/wold02.jpg')} .main_bn .in .item.wd3{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/wold03.jpg')} .main_bn .in .item.wd4{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/wold04.jpg')} .main_bn .in .item.wd5{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/wold05.jpg')} .main_bn .in .item.cult1{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/culturetank1.jpg')} .main_bn .in .item.cult2{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/culturetank2.jpg')} .main_bn .in .item.cult3{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/culturetank3.jpg')} .main_bn .in .item.cult4{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/culturetank4.jpg')} .main_bn .in .item.cult5{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/culturetank5.jpg')} .main_bn .in .item.ys1{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/yongsan01.jpg')} .main_bn .in .item.ys2{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/yongsan02.jpg')} .main_bn .in .item.ys3{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/yongsan03.jpg')} .main_bn .in .item.ys4{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/yongsan04.jpg')} .main_bn .in .item.ys5{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/yongsan05.jpg')} .main_bn .in .item.ir1{background-image:url('/images/egovframework/com/template/서울창포원4_pc손영자9240428)꽃마당.jpg')} .main_bn .in .item.ir2{background-image:url('/images/egovframework/com/template/서울창포원5_pc손영자공원사진사님-창포원의-봄.jpg')} .main_bn .in .item.ir3{background-image:url('/images/egovframework/com/template/서울창포원3_pc손영자(240428).jpg')} .main_bn .in .item.ir4{background-image:url('/images/egovframework/com/template/서울창포원8_pc이상연공원사진사님_SYY3925.jpg')} .main_bn .in .item.ir5{background-image:url('/images/egovframework/com/template/서울창포원9_pc정한주(231002).jpg')} .main_bn .in .item.nam1{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/namsan1.jpg')} .main_bn .in .item.nam2{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/namsan2.jpg')} .main_bn .in .item.nam3{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/namsan3.jpg')} .main_bn .in .item.nam4{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/namsan4.jpg')} .main_bn .in .item.nam5{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/namsan5.jpg')} .main_bn .in .item.fst1{background-image:url('/images/egovframework/com/template/북서울꿈의숲8_pc이종덕-240502.jpg')} .main_bn .in .item.fst2{background-image:url('/images/egovframework/com/template/북서울꿈의숲7_pc이종덕_240502.jpg')} .main_bn .in .item.fst3{background-image:url('/images/egovframework/com/template/북서울꿈의숲2_pc박도훈(240504).jpg')} .main_bn .in .item.fst4{background-image:url('/images/egovframework/com/template/북서울꿈의숲3_pc박도훈공원사진사20230510.jpg')} .main_bn .in .item.fst5{background-image:url('/images/egovframework/com/template/북서울꿈의숲4_pc이종덕(230617).jpg')} .main_bn .in .item.nak1{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/naksan1.jpg')} .main_bn .in .item.nak2{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/naksan2.jpg')} .main_bn .in .item.nak3{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/naksan3.jpg')} .main_bn .in .item.nak4{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/naksan4.jpg')} .main_bn .in .item.nak5{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/naksan5.jpg')} .main_bn .in .item.cam1{background-image:url('/images/egovframework/com/template/오월의 중랑캠핑숲(23년 5월, 중랑캠핑숲) - 정한주_pc.jpg')} .main_bn .in .item.cam2{background-image:url('/images/egovframework/com/template/중랑캠핑숲2_pc손영자(230826)_여름나기.jpg')} .main_bn .in .item.cam3{background-image:url('/images/egovframework/com/template/육추활동으로 바쁜 박새(23년 5월, 중랑캠핑숲) - 정한주_pc.jpg')} .main_bn .in .item.cam4{background-image:url('/images/egovframework/com/template/힐링의 시선(23년 5월. 중랑캠핑숲) - 정한주_pc.jpg')} .main_bn .in .item.cam5{background-image:url('/images/egovframework/com/template/중랑캠핑숲1_pc손영자(230722).jpg')} .main_bn .in .item.chp1{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/ch1.jpg')} .main_bn .in .item.chp2{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/ch2.jpg')} .main_bn .in .item.chp3{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/ch3.jpg')} .main_bn .in .item.chp4{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/ch4.jpg')} .main_bn .in .item.chp5{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/ch5.jpg')} .main_bn .in .item.ctzp1{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/ctz1.jpg')} .main_bn .in .item.ctzp2{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/ctz2.jpg')} .main_bn .in .item.ctzp3{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/ctz3.jpg')} .main_bn .in .item.ctzp4{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/ctz4.jpg')} .main_bn .in .item.ctzp5{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/ctz5.jpg')} .main_bn .in .item.brmp1{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/brm1.jpg')} .main_bn .in .item.brmp2{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/brm2.jpg')} .main_bn .in .item.brmp3{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/brm3.jpg')} .main_bn .in .item.brmp4{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/brm4.jpg')} .main_bn .in .item.brmp5{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/brm5.jpg')} .main_bn .in .item.gildong1{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/gil01.jpg')} .main_bn .in .item.gildong2{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/gil02.jpg')} .main_bn .in .item.gildong3{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/gil03.jpg')} .main_bn .in .item.gildong4{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/gil04.jpg')} .main_bn .in .item.gildong5{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/gil05.jpg')} .main_bn .in .item.gyeongchun1{background-image:url('/images/egovframework/com/template/pc01.jpg')} .main_bn .in .item.gyeongchun2{background-image:url('/images/egovframework/com/template/pc02.jpg')} .main_bn .in .item.gyeongchun3{background-image:url('/images/egovframework/com/template/pc03.jpg')} .main_bn .in .item.gyeongchun4{background-image:url('/images/egovframework/com/template/pc04.jpg')} .main_bn .in .item.gyeongchun5{background-image:url('/images/egovframework/com/template/pc05.jpg')} /*start201029*/ .main_bn .arrows{position:absolute;bottom:0;right: calc((100% - 1100px) / 2);background: #fff;z-index:10}/* 2024-02-28 */ /* end 201029*/ .main_bn .arrows button{position:relative;display:block;float:left;width:65px;height:65px;text-indent: -9999px;} .main_bn .arrows .left_arrow{background: url(https://parks.seoul.go.kr/images/egovframework/com/template/v_arrow_prev.png) no-repeat center center;} .main_bn .arrows .left_arrow:before{content: '';position: absolute;right: 0;top: 50%; background:#ddd; display: block;width: 1px;height: 30px;transform: translate(0, -50%);-ms-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);} .main_bn .arrows .right_arrow{background: url(https://parks.seoul.go.kr/images/egovframework/com/template/v_arrow_next.png) no-repeat center center} .main_bn .mainVisual_txt{position:absolute;bottom:0;width:100%;background:rgba(0, 0, 0, .6);z-index:1;padding:3.267em 0;color:#fff;} .main_bn .mainVisual_txt .txt h4{font-size:2.375em;} .main_bn .mainVisual_txt .txt h4 span{font-weight:500;} .main_bn .mainVisual_txt .txt p{font-weight:lighter;font-size:1.125em} .main_bn .mainVisual_txt .txt .down_btn{display:inline-block;border:1px solid #fff;color:#fff;margin-top:10px;padding:0.188em 1.885em 0.188em 1em;font-size: 1.125em;font-weight: 300;border-radius: 3px;background:url(https://parks.seoul.go.kr/images/egovframework/com/template/down_btn.png) no-repeat right 10px center;} .main_bn .mainVisual_txt .txt .tempgo{display:inline-block;border:1px solid #fff;color:#fff;margin-top:10px;padding:0.188em 1.885em 0.188em 1em;font-size: 1.125em;font-weight: 300;border-radius: 3px;background:url(https://parks.seoul.go.kr/images/egovframework/com/main/btn/tempgo.png) no-repeat right 10px center;} .main_bn .controls{position:absolute;bottom:0;z-index:10;display:block;width:100%} .controls .dots_main{height:7px;} .controls .dots_main .slick-dots{height:100%;width: 100%;} .controls .dots_main .slick-dots li{position:relative;display:inline-block;padding: 0;float: left;width: 33.333%;} .controls .dots_main .slick-dots li button{transition: all 0.4s ease;text-indent: -9999px;width: 100%;height: 7px;line-height: 0;display: block;cursor: pointer;color: transparent;border: 0;outline: none; background:rgba(255, 255, 255, .5);padding: 0;position: relative;z-index: 1;} .controls .dots_main .slick-dots li.slick-active button{ background: #add326;} .controls.five .dots_main .slick-dots li{width:20%} #container .section{padding-top:90px;} #container .section .sectionIn{padding-bottom:65px;position: relative;} #container .section .title{position:relative;padding-left: 0.667em;font-weight:600;text-align:left; color:#222;font-size:24px;line-height:1.5;margin-bottom:20px;} #container .section .title:before{content: '';position: absolute;left: 0;top: calc(0.5em - 4px);display: block;width: 3px;height: 17px;background:#2ca311;-webkit-box-sizing: border-box;box-sizing: border-box;} #container .section .sub_tit{font-weight:600;text-align:left; color:#222;font-size:20px;line-height:1.5;margin:40px 0 10px;} #container .section .tra_title{font-weight:600;text-align:left; color:#222;font-size:22px;line-height:1.5;margin: 0 0 20px;} #container .section .sub_Title{font-weight:600;text-align:left; color:#222;font-size:18px; } #container .section .intro{color:#666;font-size:18px;} #container .section .intro strong{font-weight:500} #container .section .intro p{font-weight:300;font-size: 0.889em;} #container .section .intro p.par{margin-bottom:1.5em;} #container .section .intro .dash{font-weight:300;font-size: 0.889em;} #container .section .img_box{padding-top:1.250em;} #container .section .img_box img{max-width:100%;} #container .section .img_box .m_img{display:none;} #container .section .intro .listinfo{padding-top:1.875em;} #container .section .intro .listinfo.zeropa{padding-top:0} .listinfo > li{position:relative;padding-left: 8px;} .listinfo > li:not(:last-child){padding-bottom:0.875em;} .listinfo > li:before{content: "";position: absolute;width: 3px;height: 3px;border-radius: 2px;left: 0;top: 11px;background: #2ca311;border-radius: 50%;} .listinfo > li strong{float:left;display: inline-block; width: 5.45em;font-size:1.000em;color:#333} .listinfo > li .auto{width:auto;} .listinfo > li p{display: inline-block;color:#666;font-weight:300;} .listinfo > li .dash_wrap{float:left;color:#666;font-weight:300;width:calc(100% - 99px)} .listinfo > li > .dash{padding-left: 5em;} .listinfo > li > .dash{color:#666;font-weight:300;} .listinfo > li .dash_wrap .dash li{letter-spacing: -1px;} .listinfo > li strong.five{width:8em;} .listinfo.parkinfo > li:before{top:15px;} .listinfo.parkinfo > li strong{float:none;width:auto} .listinfo.parkinfo > li > .dash{padding-left:0} .listinfo.contfo {padding-top:0.5em;} .listinfo.contfo > li:not(:last-child){padding-bottom:0.2em;} .listinfo.culinfo li strong{width:7.45em;} .listinfo.spaceinfo li strong{width:10.45em;} .listinfo.spaceinfo li .auto{width:auto;} .listinfo.culinfo li .five{width:5em;} .listinfo.culinfo li .eight{width:8em;} .pdt30{padding-top:1.875em;} .pdb20{padding-bottom:1.250em;} .listinfo.pab{padding-bottom:0.5em;} .park_list .list > li .cont.zeroma{margin-top:0} .listinfo > li.big_title strong{width: 8.95em;} .listinfo > li.big_title .dash_wrap{width: calc(100% - 162px);} .listinfo > li.big_title2 strong{width: 12.5em;} .listinfo > li.bmiddle_title strong{width: 10em;} .listinfo > li.bmiddle_title .dash_wrap{width: calc(100% - 180px);} .listinfo > li.middle_title strong{width: 7em;} .listinfo > li.middle_title .dash_wrap{width: calc(100% - 126px);} .graylist{color:#666;font-weight:300} .graylist span{font-weight:bold} .color6{color:#666;font-weight:300} #container .section .intro .listinfo.listIf{padding-top:0;} #container .section .intro .listinfo.listIf li{padding-bottom: 0;line-height:1.8} #container .section .intro .listinfo.listIf li:before{top: 15px;} .tbl_wrap{border-top: 2px solid #04950c;font-size:0.833em;} .tbl_wrap table thead tr th{text-align: center;border-right: 0;padding: 0.625em 0.625em;background-color: #f7f7f7;color:#333; border: 1px solid #cdcdcd;border-top:0;font-size: 15px;} .tbl_wrap table tbody tr td{color: #666;padding: 0.625em;text-align: center; border: 1px solid #cdcdcd;font-size: 15px;} .tbl_wrap table tbody tr td p{text-align:left;} .txt_Box{padding-top:1.250em;} .txt_Box p{line-height:2} .park_list .list > li{padding-top:2.5em;padding-bottom:2.5em;border-bottom: 1px solid #cdcdcd;} .park_list .list > li:first-child{padding-top:0} .park_list .list > li > div{float:left;} .park_list .list.talk > li{border-bottom:0;padding-top:0} .park_list .list.talk > li.frl_chg{padding-bottom:0;background:#f7f7f7;padding:1.875em} .park_list .list.talk > li.frl_chg .img{float:right;margin-right:0} .park_list .list.talk > li.frl_chg .img img{height:230px;} .park_list .list > li .img{width:450px;margin-right:50px;} .park_list .list > li .img img{width:450px;height:280px;} .park_list .list > li .cont{position:relative;width: calc(100% - 500px);margin-top:1em;} .park_list .list > li .cont.mabzero{margin-top:0} .park_list .list > li .cont h3{font-size:1.250em;color:#222;font-weight:600;padding-bottom:20px;} .park_list .list > li .cont .graytxt{color:#666;} .park_list .list > li .cont p{color:#666;} .park_list .list > li .cont > .info{position:absolute;top:0;right:0} .park_list .list > li .cont > .info li{position:relative;float:left;font-weight:500;padding-left: 2.313em; color: #333;font-size: 0.875em;} .park_list .list > li .cont > .info li:before{content:'';position:absolute;width:13px;height:17px; display: block;background: url(https://parks.seoul.go.kr/images/egovframework/com/template/runnig.png) no-repeat center center;top:2px;left:12px} .park_list .list > li .cont > .info li:first-child:before{width:16px;height:6px;top:8px;left:8px;background: url(https://parks.seoul.go.kr/images/egovframework/com/template/st.png) no-repeat center center;} .park_list .list > li .cont .place_txt{padding-top:1.5em} .park_list .list > li .cont .place_txt strong{position:relative;font-size:1em;font-weight:500;padding-left: 22px;} .park_list .list > li .cont .place_txt strong:before{content: '';position: absolute;width: 17px;height: 18px;background: url(https://parks.seoul.go.kr/images/egovframework/com/template/place.png) no-repeat;left: 0;top: .3em;} .park_list .list > li .cont .place_txt .place{padding-left:22px;padding-top:8px;} .park_list .list > li .cont .place_txt .place .map_btn{display:inline-block;border:1px solid #ccc;color:#666;margin-top:10px;padding:0.113em 1.480em 0.113em 0.625em;border-radius: 3px;background:url(https://parks.seoul.go.kr/images/egovframework/com/template/map_more.png) no-repeat right 10px center;} .park_list .list > li > div.imgnone{float:none;width:100%; clear: both;padding-top:1.875em;} .park_list .list > li > div.imgnone li{float:left; width:23%;} .park_list .list > li > div.imgnone li:not(:nth-child(4n)){padding-right:1.813em} .park_list .list > li > div.imgnone li img{max-width:100%;} .park_list .list > li > div.imgnone li.pt30{padding-top:1.875em;} .park_list .list > li > div.imgnone li p{text-align:center;padding-top:1.250em;} .park_list.parklist2 .list > li .img{width:683px} .park_list.parklist2 .list > li .img img{width:683px;height:402px;} .park_list.parklist2 .list > li .cont{width: calc(100% - 733px);} .unm_list{padding-top:2.000em;color:#666} /*201020 css추가*/ .park_list .list > li .cont .b_info{padding-top:1.875em;} .park_list .list > li .cont .b_info li{position:relative;} .park_list .list > li .cont .b_info li .hd{position:absolute;top:0;left:0;} .park_list .list > li .cont .b_info li > ul{padding-left:4.375em;color:#666;} /* //201020 css추가*/ .program_list .item{background:#f7f7f7;padding:2.5em;} .program_list.imgList .item{background:#f7f7f7;padding:2.5em 1.750em 0.5em;} .program_list .item:not(:last-child){margin-bottom:2.5em;} .program_list .item > div{float:left;} .program_list .item .txt{width:310px;padding-right:0.938em} .program_list .item .txt .greentxt{color:#2ca311;font-size:0.938em;} .program_list .item .txt h5{position:relative;color:#222;font-size:1.250em;text-align:left;margin:0.625em 0;padding-bottom:1em;} .program_list .item .txt h5:after{content: '';position: absolute;bottom:0;left:0;height:2px;width:22px;background:#999} .program_list .item .txt ul{color:#666;} .program_list .item .txt ul li > *{float:left;} .program_list .item .txt ul li strong{display:block;width:5.5em;} .program_list .item .txt ul li p{width: calc(100% - 40px);} .program_list .item .imgbox{width:calc(100% - 325px)} .program_list .item .imgbox img:first-child{margin-right:1.250em;} .program_list .item .imgbox img{max-width:100%;} .program_list .item .parkS{font-weight:600;font-size:1.250em;color:#222;text-align:center;padding-bottom:1.500em;} .program_list .item .parkS span{display:block;} .program_list .item .imgList li{float:left;width:32%;padding-bottom:1.250em;} .program_list .item .imgList li:not(:nth-child(3n)){padding-right:1.250em} .program_list .item .imgList li p{font-weight:300;color:#666;text-align:center;padding-top:1.250em;} .program_list .item .imgList.li4 li{width:23.69%;} .program_list .item .imgList.li4 li:not(:nth-child(3n)){padding-right:1em;} .program_list .item .imgList.li4 li:nth-child(3n){padding-right:1em} .program_list .item .imgList.li4 li:nth-child(4n){padding-right:0} .program_list .item .imgList.li4 li strong{display:block;text-align:center;padding-top:1.250em;font-size:1.125em;color:#222;} .infoList ul{box-sizing:border-box;margin-bottom:2.5em;} .infoList ul li{float:left;width:33%;padding:2.225em 0;text-align:center;border:1px solid #ddd;height:210px;box-sizing: border-box;} .infoList ul li:not(:last-child){border-right:0} .infoList ul li h4{padding:1em 0 0.415em;color:#222;font-size:1.225em;font-weight:600;} .infoList ul li p{color:#666;font-weight:300} .map_c .map_info {position:relative;border:1px solid #dedede;border-top:transparent;/* border-right:transparent; */padding:1.265em 1.875em;} .map_c .map_info ul li{float:left;width:50%;color:#333;} .map_c .map_info ul li span{display: inline-block;} .map_c .map_info ul li span.left-spacing{padding-left: 73px;} .map_c .map_info ul.third li{margin-bottom:15px;} .map_c .map_info ul.third li:last-child{margin-bottom: 0px; width: 100%;} .map_c .map{width:100%;height:380px;box-sizing:border-box;border:1px solid #dedede;} .map_c .map_info strong{position:relative; padding-right: 40px;} .map_c .map_info strong:after{content: '';position: absolute;background: #dedede;width: 1px;height: 10px;top: calc(50% - 5px);right: 19.5px;} .map_c .map_info .btn_direct{content:'';position:absolute;display: block;top:0;right:0;height:auto;background:#777 url(https://parks.seoul.go.kr/images/egovframework/com/template/direc.png) no-repeat left 20px center;width: 110px;font-weight:500; text-align: center;color:#fff;line-height:4;box-sizing: border-box;padding-left:20px;z-index:1} .mapOverlayBox{font-size: 14px;font-weight: 500;position: relative;width: 150px;padding: 10px;text-align: center;color: #fff;background: #08da76; top: -70px;border-radius: 5px;-webkit-box-shadow: 3px 3px 10px rgba(1,1,1,.25);box-shadow: 3px 3px 10px rgba(1,1,1,.25);} .mapOverlayBox:after {content: '';position: absolute;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 10px solid #08da76;left: calc(50% - 5px);bottom: -8px;} #header .visualTxt{padding-top:135px;text-align:center;} .pureun #header .visualTxt{padding-top:120px;} .culturetank #header .visualTxt{display:block !important;position:absolute !important;top:-9999px !important;} #header .visualTxt span{display:inline-block;margin-bottom:30px;padding:7px 25px;line-height:130%;font-size:26px;font-weight:300;color:#fff;border-top:1px solid #90c600;border-bottom:1px solid #90c600;text-shadow:1px 1px 5px #000;} #header .visualTxt span b{font-weight:700;} #header .visualTxt h2{line-height:100%;font-size:80px;color:#fff;font-weight:300;letter-spacing:-2px;text-shadow:1px 1px 8px #000;} #header .visualTxt h2 strong{font-weight:700;} #container{min-height:600px;} .content{position:relative;} /*#bx-pager{margin-top:-305px;padding-bottom:115px;} .culturetank #bx-pager{margin-top:-250px;padding-bottom:60px;} #bx-pager ul, #bx-pager ul li, #bx-pager ul li a{display:block;} #bx-pager ul{margin:0 auto;padding:0 8%;width:1200px;box-sizing:border-box;} #bx-pager ul:after{display:block;content:'';clear:both;} #bx-pager ul li{position:relative;float:left;width:20%;} #bx-pager ul li a{display:block;padding-top:85px;height:190px;line-height:100%;font-family:'NanumSquare',sans-serif;font-size:22px;color:#192c0d;font-weight:700;letter-spacing:-0.5px;text-align:center;background-position:center center;background-repeat:no-repeat;background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/img_pager_off.png');box-sizing:border-box;} #bx-pager ul li a.active{font-size:28px;color:#fff;background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/img_pager_on.png');} #bx-pager ul li a.active:before{display:inline-block;content:'';position:absolute;left:0;right:0;top:-22px;height:105px;background-position:center center;background-repeat:no-repeat;} #bx-pager ul li.pager1 a.active:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/img_pager1_before.png');} #bx-pager ul li.pager2 a.active:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/img_pager2_before.png');} #bx-pager ul li.pager3 a.active:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/img_pager3_before.png');} #bx-pager ul li.pager4 a.active:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/img_pager4_before.png');} #bx-pager ul li.pager5 a.active:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/img_pager5_before.png');}*/ .topBnr{position:absolute;left:0;right:0;top:225px;margin:0 auto;padding:0 8%;width:1200px;box-sizing:border-box;} .culturetank .topBnr{top:190px;} .btnTopBnr{display:block;position:relative;padding:0 60px 0 170px;height:50px;line-height:50px;font-size:20px;color:#fff;letter-spacing:-0.5px;background:rgba(0,0,0,.6) url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_bannerGo.png') right 20px center no-repeat;border-radius:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .btnTopBnr em{display:inline-block;position:absolute;left:0;top:0;padding-left:80px;width:155px;font-weight:700;background:#456604 url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_notiBanner.png') 40px center no-repeat;border-top-right-radius:30px;border-bottom-right-radius:30px;box-sizing:border-box;} .btnTopBnr:hover{color:#90c600;} .btnTopBnr:hover em{color:#fff;} .tab{max-width:100%;} .tabIn{position:relative;margin:0 auto;padding:45px 0 70px;width:1200px;} .tabIn .btnMore{position:absolute;right:0;top:50px;} /*.sectionIn{position:relative;margin:0 auto;padding:45px 0;width:1100px;}*/ .sectionIn .btnMore{position:absolute;right:0;top:0;} .sectionInfo .btnArea{margin-top:0px;} /*문화비축기지*/ .borderbox{border:1px solid #dddddd;padding:1.875em 2.250em;text-align:center;} .borderbox img{max-width:100%;} #container .section .sub_tit.mzero{margin-top:25px;} .txtP p{color:#666666;font-weight:300} .tbl_wrap table tbody tr td.tdback{background-color: #f7f7f7;} /*푸른수목원 start 201029*/ .borderbox.boxTxt{margin-top:1.538em;padding:1.250em;} .borderbox.boxTxt p{color:#666;} /*end201029*/ .pearcont{padding:30px;background:#f7f7f7 url(https://parks.seoul.go.kr/images/egovframework/com/template/pear.png) no-repeat bottom 30px right 30px;} .pearcont .pear_img{float: left;width:368px} .pearcont .pear_img img:first-child{padding-bottom:0.813em} .pearcont .pear_txt{float: left;width:calc(100% - 368px);padding-top:2.063em;} .pearcont .pear_txt h4{font-size:1.125em;color:#c7812b;padding-bottom:1.188em;} .pearcont .pear_txt .p_txt{line-height:1.7} /* #footer{position:relative;background:#2e2f31;font-size:14px;} .footerLink {padding:2.835em 0 2.535em;border-bottom:1px solid #585858} .footerLink .f_n_info_ul{padding-left:18.571em;} .footerLink .f_n_info_ul li{float:left;position: relative;padding-right: 40px;} .footerLink .f_n_info_ul li:after{content: '';position: absolute;background: #58595a;width: 1px;height: 10px;top: calc(50% - 5px);right: 19.5px;} .footerLink .f_n_info_ul li:last-child{padding-right:0} .footerLink .f_n_info_ul li:last-child:after{display:none;} .footerLink .f_n_info_ul li a{display:block;color:#fff;} .footerLink .f_n_info_ul li.yellow a{color:#fbc204} .foot_log{position: absolute;content:'';top:-70px;left:0;width:183px;height:45px;background: url(https://parks.seoul.go.kr/images/egovframework/com/template/f_logo.png) no-repeat center center;} .footer_lang{position: absolute;top:-69px;right:0} .footer_lang .language {position:relative;line-height:2.5;display:block;color:#fff;background:#393a3b;padding:0 16px;width:170px;height:38px;} .footer_lang .language:before{content: '';position: absolute;width:14px;height:8px;top:14px;right:14px;display:block;background: url(https://parks.seoul.go.kr/images/egovframework/com/template/f_lang.png) no-repeat center center;} .footer_lang .langList{padding: 8px 10px;display: none;position: absolute;bottom: 38px;right: 0;width:202px; background: #393a3b;box-sizing: border-box;z-index: 2} .footer_lang .langList li a{display:inline-block;width:100%;padding: 2px 0;color:#fff;} .footer_lang .f_Close{ position: absolute; right: 0; top: 0; display: block; width: auto; height: auto; background: transparent; } .footer_lang .f_Close:before{content: '';display:block;width:35px;height:34px;background: url(https://parks.seoul.go.kr/images/egovframework/com/template/f_close.png) no-repeat center center;} #footer .f_n_copy{padding: 2.143em 0 3.929em;} #footer .f_n_copy > *{float:left;color:#fff;} #footer .info .adress{font-weight:300;} #footer .info .adress span{position:relative;padding-right:30px;} #footer .info .adress span:after{content: '';position: absolute;background: #58595a;width: 1px;height: 10px;top: calc(50% - 5px);right: 14.5px;} #footer .info .adress span.last{padding-right:10px} #footer .info .adress span.last:after{display: none;} #footer .mark{ float: right; } #footer .mark li{display: inline-block;margin-left: 15px;} .copyright{color: #828283;margin-top:10px;} .park_num{background:#0e0e0f;color:#fff;padding:6px;border-radius:5px; font-weight: 500;} #footer .f_n_dasan{display:inline-block;vertical-align:top;margin-right:50px;} #footer .f_n_group{display:inline-block;vertical-align:top;} #footer .f_n_lang{display:inline-block;vertical-align:bottom;float:right;} #footer .f_n_group .f_n_info{display:block;margin-top:5px;margin-bottom:20px;} #footer .f_n_group ul.f_n_info_ul{overflow:hidden;} #footer .f_n_group ul.f_n_info_ul li{display:inline-block;padding-left:7px;margin-left:7px;background:url("https://parks.seoul.go.kr/images/egovframework/com/template/foot_line.jpg") no-repeat 0 center;} #footer .f_n_group ul.f_n_info_ul li a{display:block;padding:14px 0;color:#fff;} #footer .f_n_group ul.f_n_info_ul li:first-child{padding-left:0;margin-left:0;background:none;} #footer .f_n_group ul.f_n_info_ul li:first-child a{font-weight:bold;} #footer .f_n_group .f_n_copy{display:inline-block;overflow:hidden;color:#b3b3b3;} #footer .f_n_group .f_n_copy .copyright{color: #8f8f8f;} #footer .f_n_group ul.f_n_copy_ul{display:inline-block;} #footer .f_n_group .f_n_copy_ul li address{color:#8f8f8f;font-style:normal;} #footer .f_n_group .f_n_sns{display:inline-block;vertical-align:top;} #footer .f_n_group ul.f_n_sns_ul li{display:inline-block;margin-left:10px;} #footer .f_n_lang .language{text-align:center;color:#fff;font-size:11pt;} #footer .f_n_lang .language .wa_img{margin-bottom:20px;} */ #footer{background:#494949;font-size:13px;} #footer .inner{padding:40px 15px 60px 15px;} #footer .f_n_dasan{display:inline-block;vertical-align:top;margin-right:50px;} #footer .f_n_group{display:inline-block;vertical-align:top;} #footer .f_n_lang{display:inline-block;vertical-align:bottom;float:right;} #footer .f_n_group .f_n_info{display:block;margin-top:5px;margin-bottom:20px;} #footer .f_n_group ul.f_n_info_ul{overflow:hidden;} #footer .f_n_group ul.f_n_info_ul li{display:inline-block;padding-left:7px;margin-left:7px;background:url("https://parks.seoul.go.kr/images/egovframework/com/template/foot_line.jpg") no-repeat 0 center;} #footer .f_n_group ul.f_n_info_ul li a{display:block;padding:14px 0;color:#fff;} #footer .f_n_group ul.f_n_info_ul li:first-child{padding-left:0;margin-left:0;background:none;} #footer .f_n_group ul.f_n_info_ul li:first-child a{font-weight:bold;} #footer .f_n_group .f_n_copy{display:inline-block;overflow:hidden;color:#b3b3b3;} #footer .f_n_group .f_n_copy .copyright{color: #8f8f8f;} #footer .f_n_group ul.f_n_copy_ul{display:inline-block;} #footer .f_n_group .f_n_copy_ul li address{color:#8f8f8f;font-style:normal;} #footer .f_n_group .f_n_sns{display:inline-block;vertical-align:top;} #footer .f_n_group ul.f_n_sns_ul li{display:inline-block;margin-left:10px;} #footer .f_n_lang .language{text-align:center;color:#fff;font-size:11pt;} #footer .f_n_lang .language .wa_img{margin-bottom:20px;} /* 공원소개 */ /*.intro{font-family:'NanumSquare',sans-serif;font-size:20px;color:#555;letter-spacing:-0.5px;line-height:150%;}*/ .photoList{margin-top:35px;overflow:hidden;} .photoList ul{margin:-10px;} .photoList ul:after{display:block;content:'';clear:both;} .photoList li{float:left;width:25%;padding:10px;box-sizing:border-box;} .photoList li a{display:block;position:relative;height:280px;background:#fff;} .photoList li a:hover .title{color:#007639;text-decoration:underline;} .photoList li .img{display:block;position:relative;} .photoList li .img img{max-width:100%;width:100%;height:190px;} .photoList li .title{display:block;padding:15px 20px;line-height:26px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:20px;font-weight:700;letter-spacing:-0.5px;} .photoList li .park{display:block;padding:0 100px 0 20px;font-size:16px;color:#333;line-height:100%;} .photoList li .user{display:block;position:absolute;right:20px;bottom:17px;font-size:16px;color:#333;line-height:100%;} .photoList li, .programList li, .newsList li, .reviewList li{width:50%;} .infoCon{} .infoCon:after{display:block;content:'';clear:both;} .infoCon dt{float:left;position:relative;padding:15px 10px 0 40px;width:250px;min-height:70px;font-size:24px;font-weight:700;letter-spacing:-0.5px;line-height:130%;clear:both;box-sizing:border-box;} .infoCon dt:before{display:inline-block;content:'';position:absolute;left:40px;top:0;width:40px;height:2px;background:#7fb13e;} .infoCon dd{float:left;margin-bottom:30px;padding-top:15px;width:950px;min-height:60px;color:#555;line-height:150%;box-sizing:border-box;} .infoCon dd b.point{display:block;margin-bottom:15px;} .infoCon dd .listCon b{color:#000;font-weight:400;} .infoCon dd .subTit{display:block;margin-bottom:10px;color:#000;font-weight:400;} .infoBox{padding:15px 10px;text-align:center;background:#eee;} .infoBox span{display:inline-block;color:#555;} .infoBox span.addr{margin-right:100px;} .infoBox span b{display:inline-block;padding-left:25px;background:url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_address.png') left center no-repeat;} .infoBox span.tel b{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_tel2.png');} .programCon{padding-left:40px;} .programCon strong{display:block;margin-top:30px;padding-left:50px;font-size:24px;letter-spacing:-0.5px;line-height:40px;background:url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_tree.png') left top no-repeat;} .programCon .listCon{padding-left:50px;} .programCon .listCon li{margin-bottom:3px;color:#555;} .programCon .listCon.dot li:before{background:#555;} .placeList{text-align:center;margin:-5px 0;} .placeList a{display:inline-block;margin:5px 10px;width:100px;height:100px;font-size:16px;color:#576c27;font-weight:700;text-align:center;background:#fff;line-height:100%;vertical-align:top;border:3px solid #c6d6a2;border-radius:50px;box-sizing:border-box;} .placeList a:hover{color:#007639;border:3px solid #007639;} .placeList a img{text-align:center;width:80px;height:auto;} /* 공원소식 */ .programList{margin-top:35px;overflow:hidden;} .programList ul{margin:-10px;} .programList ul:after{display:block;content:'';clear:both;} .programList li{float:left;width:25%;padding:10px;box-sizing:border-box;} .programList li a{display:block;position:relative;min-height:320px;} .programList li a:hover .title{color:#007639;text-decoration:underline;} .programList li .img{display:block;position:relative;} .programList li .img img{max-width:100%;width:100%;height:205px;} .programList li .img .state{display:block;position:absolute;left:0;right:0;bottom:0;padding-left:40px;height:44px;line-height:44px;color:#fff;font-weight:700;background:rgba(87,135,3,.9) url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_program.png') 8px 8px no-repeat;box-sizing:border-box;} .programList li .img .state em{display:inline-block;position:absolute;right:10px;top:6px;padding:0 20px;height:30px;line-height:26px;font-size:15px;font-weight:700;border-radius:20px;box-sizing:border-box;} .programList li .img .state em.end{color:#9eca33;border:2px solid #9eca33;} .programList li .img .state em.ing{color:#ffff00;border:2px solid #ffff00;} .programList li .img .state em.noUse{line-height:30px;color:#b8c3a4;background:rgba(0,0,0,.3);border:none;} .programList li .bbs_title{display:block;display:-webkit-box;margin:15px 0 20px;height:52px;line-height:26px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:20px;font-weight:700;letter-spacing:-0.5px;} .programList li .date{display:block;font-size:16px;color:#333;line-height:120%;} .newsList{margin-top:35px;overflow:hidden;} .newsList ul{margin:-10px;} .newsList ul:after{display:block;content:'';clear:both;} .newsList li{float:left;width:25%;padding:10px;box-sizing:border-box;} .newsList li a{display:block;position:relative;padding:30px;height:300px;background:#fff;border:2px solid #e2e2e2;box-sizing:border-box;-webkit-transition:background-color 0.2s ease-in;transition:background-color 0.2s ease-in;} .newsList li.recruit a, .newsList li.press a, .newsList li.seoul a, .newsList li.notice a{padding:25px 30px;} .newsList li a:hover{border-color:#90c600 !important;} .newsList li.recruit a:hover{border-color:#ff8400 !important;} .newsList li.press a:hover{border-color:#4079bf !important;} .newsList li.seoul a:hover{border-color:#4079bf !important;} .newsList li.notice a:hover{border-color:#4079bf !important;} .newsList li em{display:inline-block;margin-bottom:10px;font-size:16px;color:#ff8400;font-weight:bold;line-height:105%;} .newsList li.recruit em{color:#ff8400;border-bottom:1px solid #ff8400;}/* 채용시험 */ .newsList li.press em{color:#4079bf;border-bottom:1px solid #4079bf;}/* 보도자료 */ .newsList li.seoul em{color:#4079bf;border-bottom:1px solid #4079bf;}/* 내 손안에 서울 */ .newsList li.notice em{color:#4079bf;border-bottom:1px solid #4079bf;}/* 고시공고 */ .newsList li .bbs_title{display:block;display:-webkit-box;margin-bottom:20px;height:84px;line-height:28px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:22px;color:#000;font-weight:700;letter-spacing:-0.5px;} .newsList li .desc{display:block;display:-webkit-box;margin-bottom:20px;height:88px;line-height:22px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:16px;color:#000;} .newsList li .date{display:block;font-size:16px;color:#000;letter-spacing:0.5px;} .newsList li.recruit .desc, .newsList li.press .desc, .newsList li.seoul .desc, .newsList li.notice .desc{height:66px;-webkit-line-clamp:3;} .newsList li.notice .bbs_title {height: 165px;-webkit-line-clamp:5;} /* 안내지도 */ .iframeArea{margin:35px 0 20px;} .iframeArea iframe{max-width:100%;width:100%;height:800px;border:1px solid #ccc;box-sizing:border-box;} /* 공원후기 */ .reviewList{margin-top:35px;overflow:hidden;} .reviewList ul{margin:-10px;} .reviewList ul:after{display:block;content:'';clear:both;} .reviewList li{float:left;width:25%;padding:10px;box-sizing:border-box;} .reviewList li a{display:block;position:relative;padding-bottom:30px;height:290px;text-align:center;border:2px solid #e2e2e2;box-sizing:border-box;} .reviewList li a:hover{border:2px solid #90c600;} .reviewList li em{display:block;padding:130px 0 25px;font-size:15px;color:#36ac37;font-weight:700;background:url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_exImage.png') center 40px no-repeat;} .reviewList li .title{display:block;display:-webkit-box;padding:0 25px;height:78px;line-height:26px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:20px;font-weight:700;letter-spacing:-0.5px;} .reviewList li.news a:hover{border:2px solid #4079bf;} .reviewList li.news em{color:#4079bf;background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_exImage_news.png');}/* 뉴스 */ /* 문의전화 */ .phoneList{margin:25px 0 50px;overflow:hidden;} .phoneList ul{margin:-10px;} .phoneList ul:after{display:block;content:'';clear:both;} .phoneList li{float:left;width:20%;padding:10px;box-sizing:border-box;}/* 5개 */ .phoneList.col1 li{float:none;width:40%;margin:0 auto;}/* 1개 */ .phoneList.cols2 li{width:50%;}/* 2개 */ .phoneList.cols3 li{width:33.3333%;}/* 3개 */ .phoneList.cols4 li{width:25%;}/* 4개 */ .phoneList li .box{position:relative;padding:35px 0;height:265px;text-align:center;border:2px solid #e2e2e2;box-sizing:border-box;} .phoneList li b{display:block;margin-bottom:10px;font-size:22px;font-weight:700;letter-spacing:-0.5px;line-height:120%;} .jungnangCampGround .phoneList li b{font-size:18px;} .phoneList li span{display:block;font-size:18px;} .phoneList li .tel{display:block;position:absolute;left:0;right:0;bottom:35px;padding-top:60px;font-size:20px;font-weight:700;letter-spacing:1px;background:url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_tel.png') center top no-repeat;} .phoneList li .btn_s{margin:3px 0;} .accoList{border-top:2px solid #31a517;} .accoList > ul > li{border-bottom:1px solid #ccc;} .accoList > ul > li.active .accoView{display:block;} .accoList > ul > li .accoTitle{display:block;position:relative;padding:14px 55px 14px 85px;font-size:19px;font-weight:700;letter-spacing:-0.5px;line-height:130%;background:url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_acco_off.png') right 20px center no-repeat;} .accoList > ul > li.active .accoTitle{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/icon_acco_on2.png');} .accoList > ul > li .accoTitle em{display:inline-block;position:absolute;left:20px;top:9px;width:50px;height:33px;line-height:33px;color:#fff;background:#31a517;text-align:center;border-radius:15px;} .accoList > ul > li .accoView{display:none;padding:30px 45px 30px 90px;line-height:130%;color:#333;background:#fbffe6;border-top:1px solid #e6e6e6;} .accoList > ul > li .btnArea{margin:15px 0 0;} /* 20240123 */ .businessHours > li .tra_cont{color:#31a517;font-weight:500;display:inline;} .businessHours > li .p{color:#666;display:inline;font-size:16px; padding-left:inherit;} /*200507 추가*/ .traffic{position: relative;} .traffic > li{position: relative;padding-left:6.375em;margin-bottom:1.875em;min-height:80px;color:#666} .traffic > li:before{content: "";background-size: cover;display: block;width:80px;height:80px; position: absolute;left: 0;background-repeat:no-repeat;background-position: center;} .traffic > li.subway:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/subicon.png') } .traffic > li.bus:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/busicon.png') } .traffic > li.office:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/officon.png') } .traffic > li.time:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/time.png') } .traffic > li.parking:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/parking.png') } .traffic > li.charge:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/charge.png') } .traffic > li.discount:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/discount.png') } /* 20240125 */ .traffic > li.parkingApp:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/parkingApp.png') } .traffic > li.parkingApp a.go_btn{display:inline-block;width:80px;height:24px;line-height:24px;background-color:#878787;text-align:center;color:#fff;box-sizing: border-box;font-size:0.813rem;} .traffic > li.prohibition:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/prohibition.png') } .traffic > li.cafe:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/cafe.png') } .traffic > li.guide1:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/guide1.png') } .traffic > li.guide2:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/guide2.png') } .traffic > li.guide3:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/guide3.png') } .traffic > li.number:before{background-image:url('https://parks.seoul.go.kr/images/egovframework/com/template/num.png') } .traffic > li .tra_cont{line-height:2} .traffic > li .tra_cont h4.t_tit{color:#31a517;font-size:1.125em;font-weight:600;} .traffic > li .tra_cont h4.t_tit span.lineB{font-weight:normal;font-size:0.889em;color:#666;} .traffic > li .tra_cont h4.t_tit span.lineB span{color:#fff;text-align: center;font-weight:bold;width: 26px;height: 26px;border-radius: 100%;display: inline-block;vertical-align: middle;line-height: 1.6;} .traffic > li .tra_cont h4.t_tit span.lineB span.green{background: #a3cd39;} .traffic > li .tra_cont h4.t_tit span.lineB span.blue{background: #00aeef;} .traffic > li .tra_cont h4.t_tit span.lineB span.red{background: #f6861f;} .traffic > li .tra_cont h4.t_tit span.lineB span.yellow{background: #ffe000;color:#666;} .traffic > li .tra_cont strong{position:relative;} .traffic > li .tra_cont .tra_list .lineB strong{padding-right: 6.750em;} .traffic > li .tra_cont .tra_list .lineB2 strong{padding-right: 5.85em;} .traffic > li .tra_cont .tra_list .lineB3 strong{padding-right: 5.4em;} .traffic > li .tra_cont .tra_list .lineS strong{padding-right: 3.000em;} .traffic > li .tra_cont .tra_list .lineM strong{padding-right: 7.5em;} .traffic > li .tra_cont .tra_list .lineDM strong{padding-right: 8.25em;} .traffic > li .tra_cont .tra_list .lineBM strong{padding-right: 7em;} .traffic > li .tra_cont .tra_list .lineBs strong{padding-right: 4.45em;} .traffic > li .tra_cont .tra_list .lineBs2 strong{padding-right: 4.95em;} .traffic > li .tra_cont .tra_list .lineSS strong{padding-right: 3.25em;} .traffic > li .tra_cont .tra_list .lineSW strong{padding-right: 2.4em;} .traffic > li .tra_cont .tra_list .lineDB strong{padding-right: 9.66em;} .traffic > li .tra_cont .tra_list .lineDB2 strong{padding-right: 11.3em;} .traffic > li .tra_cont .tra_list .lineDB3 strong{padding-right: 9em;} .traffic > li .tra_cont .tra_list .lineDB4 strong{padding-right: 7.5em;} .traffic > li .tra_cont .tra_list .lineDB5 strong{padding-right: 9.25em;} .traffic > li .tra_cont .tra_list .lineBB strong{padding-right: 12em;} .traffic > li .tra_cont .tra_list #teleStyle3 strong{padding-right: 8.5em;} .traffic > li .tra_cont .tra_list #teleStyle4 strong{padding-right: 10em;} .traffic > li .tra_cont .tra_list #teleStyle7 strong{padding-right: 9em;} .traffic > li .tra_cont .tra_list #teleStyle8 strong{padding-right: 7em;} .traffic > li .tra_cont .tra_list .lineSS strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 25px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedS.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list .lineB strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 82px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedB.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list .lineB2 strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 70px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedB.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list .lineB3 strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 60px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedB.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list .lineBM strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 82px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedB.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list .lineS strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 18px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedS.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list .lineM strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 102px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedS.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list .lineDM strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 102px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedS.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list .lineBs strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 50px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedS.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list .lineBs2 strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 55px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedS.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list .lineSW strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 18px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedS.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list .lineDB strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 130px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedB.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list .lineDB3 strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 120px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedB.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list .lineDB4 strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 90px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedB.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list #teleStyle3 strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 110px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedB.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list #teleStyle4 strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 130px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedB.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list #teleStyle7 strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 120px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedB.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list #teleStyle8 strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 90px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedB.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list .lineDB5 strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 120px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedB.png') 0 0 repeat-x;} .traffic > li .tra_cont .tra_list .lineBB strong:after{content: "";display: block;position: absolute;top: 50%;right:10px;width: 170px;height: 1px;background: url('https://parks.seoul.go.kr/images/egovframework/com/template/line-dottedB.png') 0 0 repeat-x;} .traffic > li.office .tell{position: relative;padding-left: 1.875em;} .traffic > li.office .tell:before{content:'';position:absolute;width:19px;height:16px; display: block;background: url(https://parks.seoul.go.kr/images/egovframework/com/template/tell.png) no-repeat center center;top:4px;left:0} .traffic > li.office .tra_cont p span{display:block;} .tab_depth3{margin-bottom:3.125em} .tab_depth3 li{position: relative;float:left;width:33.333%;height:60px;text-align: center;font-size:1.250em;background:#f4f4f4;line-height:58px;border-right: 1px solid #dedede;border-bottom: 1px solid #dedede;border-top: 1px solid #dedede; box-sizing: border-box;} .tab_depth3 li a{color:#999;display:block;} .tab_depth3 li:first-child{border-left: 1px solid #dedede;} .tab_depth3 li.active{background:#fff;} .tab_depth3 li.active a{color:#2ca311;font-weight:600;} .tab_depth3 li.active:after{content: '';position: absolute;top:-1px;left: -1px;right:-1px;bottom: -1px;border-top: 3px solid #2ca311;border-bottom:1px solid #fff;} .four li{width:25%;} #container .section .sectionIn .graybox{padding:1.875em;background:#f7f7f7;} #container .section .sectionIn .graybox strong{padding-bottom:0.5em;font-size:1.250em;display:block;} #container .section .sectionIn .graybox ul li{position:relative;color:#666;font-weight:300;padding-left: 0.8em;padding-bottom:0.5em;} #container .section .sectionIn .graybox ul li:before{content: '-';position: absolute;top: 0;left: 0;} #container .section .sectionIn .graybox ul li:last-child{padding-bottom:0} #container .section .sectionIn .graybox ul li p.red{color:#f22727;} .list_m{padding-bottom:0.8em;} #container .section .sectionIn .graybox p{color:#666;font-weight:300} #container .section .sectionIn .graybox .left{float:left;width:50%} #container .section .sectionIn .graybox .left .number_list > p{padding-bottom: 0.5em;} #container .section .sectionIn .graybox .right{float:right;text-align:center;} #container .section .sectionIn .graybox .right p{padding-top:0.750em} #container .section .sectionIn .iconbox{margin-bottom:1.875em} #container .section .sectionIn .iconbox ul li{float:left;width:33.333%;padding:2.375em 0;text-align: center;border:1px solid #ddd;border-right:0;box-sizing:border-box;height:210px;} #container .section .sectionIn .iconbox ul li:nth-child(3n){border-right:1px solid #ddd;} #container .section .sectionIn .iconbox ul li > h5{color:#222;font-size:1.250em;margin:0.838em 0} #container .section .sectionIn .iconbox ul li > p{color:#666;font-weight:300} #container .section .sectionIn .iconbox ul li > p span{display:block;} #container .section .sectionIn .iconbox ul li.m_zero{border-top:0} /*레이어팝업*/ .layer_popup{width:1100px; height:640px; position:absolute; background:#fff; display:none; z-index:100000;} .layer_popup.on{opacity:1;display:block;} .layer_popup .dialog{position: relative;width: 1100px;margin: 0 auto;-webkit-transition: -webkit-transform .3s ease-out;-o-transition: -o-transform .3s ease-out;transition: transform .3s ease-out; -webkit-transform: translate3d(0, -25%, 0); -o-transform: translate3d(0, -25%, 0);transform: translate3d(0, -25%, 0);} .layer_popup.on .dialog{-webkit-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .layer_popup .popup_cont{ position: relative;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border-radius: 6px;outline: 0;} .layer_popup .popup_cont .txt_head{position:relative;background:#1a6bb4;padding:1em 0;box-sizing:border-box} .layer_popup .popup_cont .txt_head h5{color:#fff;font-size:1.500em;margin:0;font-weight:300} .layer_popup .popup_cont .txt_head .close-btn{position:absolute;top:20px;right: 10px;width:16px;height:16px;background: url(https://parks.seoul.go.kr/images/egovframework/com/template/close_pop.png) center center no-repeat;text-indent: -99999px;} .layer_popup .popup_cont .cont_body{text-align:center;padding:1.875em 0} .layer_popup .popup_cont .cont_body img{max-width:100%} .layer_popup .popup_cont .cont_footer{padding:1.5em;border-top:1px solid #ccc;color:#1a6bb4;} .layer_popup .popup_cont .cont_footer p{position:relative;line-height: 2.2;} .layer_popup .popup_cont .cont_footer p > span{padding-left:2.375em} .layer_popup .popup_cont .cont_footer p.bus:before{content:'';position:absolute;width:32px;height:32px; background: url(https://parks.seoul.go.kr/images/egovframework/com/template/pop_bus.jpg) no-repeat left center; } .layer_popup .popup_cont .cont_footer p.bathR:before{content:'';position:absolute;width:34px;height:34px; background: url(https://parks.seoul.go.kr/images/egovframework/com/template/pop_bath.jpg) no-repeat left center; } #backdrop {width:100%; height:100%; position:absolute; top:0; left:0; filter:Alpha(opacity=50);opacity:0.5; background:#000; z-index:1;} /*200507 추가 end*/ /*월드컵공원*/ #container .section.sectionZero{padding-top:28px;} .header_w .h_area{background:#007553;height:60px;} .header_w .h_area .inner{height:100%; position: relative;} .header_w h1{position: absolute;left: 0;top: 0;width: 8.188em;height: 100%;display: block;white-space: nowrap;text-indent: -9999px;background: url(https://parks.seoul.go.kr/images/egovframework/com/template/logo.png) center center no-repeat;background-size: 100%;font-size: 1em;} .header_w h1 a{position: relative;z-index: 1;display: block;height: 100%;} .header_w .h_area .inner > div{display: inline-block;box-sizing: border-box;height: 60px;vertical-align: top;font-size: 1.250em;} .header_w .h_area .inner > div ul {height:60px;display: block;float: left;margin-left:285px;} .header_w .h_area .inner > div ul li{ position: relative;float: left;font-size: 1em;color: #fff;} .header_w .h_area .inner > div ul li a{ color: #fff; display: block;line-height: 60px;padding: 0 35px;position: relative;} .header_w .h_area .inner > div ul li:not(:last-child) a:after{ content: '';position: absolute;width: 4px;height: 5px;display: block;border-radius: 50%;background: #fff;top: 50%;transform: translateY(-50%);right:0;} .header_w .logoPark{float: right;} .header_w .logoPark a{display: block;background: #006043;padding: 0.856em 0;box-sizing: border-box;height: 100%;text-align: center;color: #fff;width: 60px;font-size: 0.750em;} .main_top:after,.main_top:before{content: "";display: table;} .main_top:after{clear: both;} .main_top{margin:40px 0 60px;;} .main_top .title_txt{float:left;width:376px;position:relative;background: url(https://parks.seoul.go.kr/images/egovframework/com/template/title_bg.png) top left no-repeat; padding-top:80px; margin-top:60px;} .main_top .title_txt p.t_txt{color:#666;font-size:1.563em;font-weight: 300;font-family: 'S-CoreDream-3Light';} .main_top .title_txt h2{color:#007553;font-family: 'S-CoreDream-6Bold';font-size:4.000em; letter-spacing: -0.05em;} .main_top .title_txt .date{color:#666;} .main_top .title_txt .date:before{content: url(https://parks.seoul.go.kr/images/egovframework/com/template/date_w.png);display: inline-block;vertical-align: middle;padding-right: 5px;} .main_top .title_txt .down_btn{display: inline-block; border: 1px solid #999; margin-top:15px;padding: 0.188em 1.885em 0.188em 1em;font-size: 1.125em; letter-spacing:-0.025em; font-weight: 300; background: url(https://parks.seoul.go.kr/images/egovframework/com/template/down_btn_w.png) no-repeat right 15px center; color:#333;} .main_top .img_slider{position:relative;float:left;width:calc(100% - 376px);} .main_top .img_slider .control{position: absolute;bottom: 20px;z-index: 1;line-height: 1;left:50%;transform: translateX(-50%);} .main_top .img_slider .control .dots{display: inline-block;} .main_top .img_slider .control .dots li{position: relative;display: inline-block;height: 12px;width: 12px;margin: 0 3.5px;padding: 0;cursor: pointer;} .main_top .img_slider .control .dots li button{border: 0;background: #ccc;display: block;height: 12px;width: 12px;line-height: 0;font-size: 0;color: transparent;cursor: pointer;border-radius: 50%;} .main_top .img_slider .control .dots .slick-dots:nth-child(2){display:none !important;} .main_top .img_slider .control .dots .slick-dots li.slick-active{width:40px;height:10px;border-radius: 10px;} .main_top .img_slider .control .dots .slick-dots li.slick-active button{width:40px;height:10px;background:#007553;border-radius: 10px;} .main_top .img_slider .control .snp{text-indent: -99999px;width:9px;height:10px; margin-top:8px; display: inline-block;background: url(https://parks.seoul.go.kr/images/egovframework/com/template/wolrd_snp.png) center center no-repeat;} .wolrd_item{padding-bottom:1.813em} .wolrd_item:after,.wolrd_item:before{content: "";display: table;} .wolrd_item:after{clear: both;} .wolrd_item div{float:left;position:relative;width: 31.5%;} .wolrd_item .txt{ position: absolute;bottom: 30px;left: 30px;width: 100%;} .wolrd_item .txt h3{color:#fff;font-weight:600;font-size:1.750em} .wolrd_item .txt .wd_btn{display:inline-block;color:#fff;border:1px solid #fff; margin-top:0.825em; text-align: center;height: 30px;line-height: 27px;width: auto; padding: 0 7px;box-sizing: border-box;} .wolrd_item .txt .wd_btn:hover{background:#fff;color:#333;} .wolrd_item .txt p{color:#fff;} .wolrd_item .txt p span{display:block;} .wolrd_item.item3 div:not(:last-child){margin-right:1.625em;} .wolrd_item div{background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;} .wolrd_item .list1{background-image: url(https://parks.seoul.go.kr/images/egovframework/com/template/img_wd1.jpg) ;margin-right:1.688em;width:65.333%;height:420px;} .wolrd_item .list2{background-image: url(https://parks.seoul.go.kr/images/egovframework/com/template/img_wd2.jpg) ;margin-bottom:1.625em;height:196px;} .wolrd_item .list3{background-image: url(https://parks.seoul.go.kr/images/egovframework/com/template/img_wd3.jpg) ;height:196px;} .wolrd_item .list4{height:300px;background-image: url(https://parks.seoul.go.kr/images/egovframework/com/template/img_wd4.jpg) ;margin-right:1.688em} .wolrd_item .list4 a{display:block;} .wolrd_item .list5{background-image: url(https://parks.seoul.go.kr/images/egovframework/com/template/img_wd5.jpg);width:65.333%;height:300px;} .wolrd_item .list6{background-image: url(https://parks.seoul.go.kr/images/egovframework/com/template/img_wd6.jpg);height:300px;} .wolrd_item .list7{background-image: url(https://parks.seoul.go.kr/images/egovframework/com/template/img_wd7.jpg);height:300px;} .wolrd_item .list8{background-image: url(https://parks.seoul.go.kr/images/egovframework/com/template/img_wd8.jpg);height:300px;} .wolrd_item .list9{background-image: url(https://parks.seoul.go.kr/images/egovframework/com/template/img_wd9.jpg) ;width:65.333%;margin-right:1.625em;height:300px;} .wolrd_item .list10{background-image: url(https://parks.seoul.go.kr/images/egovframework/com/template/img_wd10.jpg);height:300px;} .wdc-cont{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; } .wdc-cont *{box-sizing:border-box;} .wdc-cont__item{ width:350px; height:300px; margin-bottom:30px; padding:30px; color:#fff; } .wdc-cont__item.wide{width:725px;} .wdc-cont__item.full{width:100%;} .wdc-cont__item .box-title{ font-size:28px; font-weight:600; line-height:1; letter-spacing:-0.045em; } .wdc-cont__item .box-title:not(:first-child){ margin-top:20px; } .wdc-cont__item .txt{ font-size:16px; line-height:25px; letter-spacing:-0.025em; word-break:keep-all; margin-top:13px; } .wdc-cont__item .button{ position:relative; display:inline-block; height:30px; font-size:16px; line-height:27px; letter-spacing:-0.025em; vertical-align:top; margin-top:20px; padding:0 13px; color:#fff; border:1px solid #fff; transition:ease 0.5s; z-index:1; } .wdc-cont__item .button.bracket{ padding-right:25px; background:url('https://parks.seoul.go.kr/images/egovframework/com/template/worldcuppark_bracket_07.png') no-repeat right 13px center; } .wdc-cont__item .button:hover{ color:#333; background-color:#fff; } .wdc-cont__item .button.bracket:hover{padding:0 19px;} .wdc-cont__item .list{ margin-top:25px; } .wdc-cont__item .list li{ position:relative; line-height:1; padding-left:10px; } .wdc-cont__item .list li:not(:last-child){ margin-bottom:12px; } .wdc-cont__item .list li::before{ content:""; position:absolute; top:7px; left:0; width:4px; height:4px; background:#fff; border-radius:100%; } .wdc-cont__item .list li a.button{ margin:-5px 0 5px 10px; } .wdc-cont__item.box1{background:url('https://parks.seoul.go.kr/images/egovframework/com/template/worldcuppark_cont_1.png') no-repeat 0 0;} .wdc-cont__item.box2{background:url('https://parks.seoul.go.kr/images/egovframework/com/template/worldcuppark_cont_2.png') no-repeat right bottom #eaf3f1;} .wdc-cont__item.box2 .box-title{color:#007553;} .wdc-cont__item.box2 .list li{color:#666;} .wdc-cont__item.box2 .list li::before{background:#007553;} .wdc-cont__item.box3{background:url('https://parks.seoul.go.kr/images/egovframework/com/template/worldcuppark_cont_3.png') no-repeat 0 0;} .wdc-cont__item.box4{background:url('https://parks.seoul.go.kr/images/egovframework/com/template/worldcuppark_cont_4.png') no-repeat 0 0;} .wdc-cont__item.box5{background:url('https://parks.seoul.go.kr/images/egovframework/com/template/worldcuppark_cont_5.png') no-repeat 0 0;} .facility{ position:relative; margin-top:20px; } .facility ul{ display:flex; justify-content:space-between; } .facility ul:after,.facility ul:before{content: ""; display: table;} .facility ul:after{clear: both;} .facility ul li{position: relative; flex:1; min-width:155px;} .facility ul li a{text-align: center;position: relative;display: block;color:#666; padding-top:103px; width:100%;} .facility ul li a:before{ content: '';position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;width: 84px;height: 84px;} .facility ul li a:after{content: '';position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;width: 84px;height: 84px;border-radius: 50%;z-index: 1;box-sizing: border-box;} .facility ul li a:hover{color:#007553} .facility ul li.fac1 a:after{background:#d9e8dd url(https://parks.seoul.go.kr/images/egovframework/com/template/fac1.png) center center no-repeat;} .facility ul li.fac2 a:after{background:#d9e8dd url(https://parks.seoul.go.kr/images/egovframework/com/template/fac2.png) center center no-repeat;} .facility ul li.fac3 a:after{background:#d9e8dd url(https://parks.seoul.go.kr/images/egovframework/com/template/fac3.png) center center no-repeat;} .facility ul li.fac4 a:after{background:#d9e8dd url(https://parks.seoul.go.kr/images/egovframework/com/template/fac_new1.png) center center no-repeat;} .facility ul li.fac5 a:after{background:#d9e8dd url(https://parks.seoul.go.kr/images/egovframework/com/template/fac_new2.png) center center no-repeat;} .facility ul li.fac6 a:after{background:#d9e8dd url(https://parks.seoul.go.kr/images/egovframework/com/template/fac_new3.png) center center no-repeat;} .facility ul li.fac7 a:after{background:#d9e8dd url(https://parks.seoul.go.kr/images/egovframework/com/template/fac7.png) center center no-repeat;} .facility ul li.fac1 a:hover:after{background:#007553 url(https://parks.seoul.go.kr/images/egovframework/com/template/fac1_on.png) center center no-repeat;} .facility ul li.fac2 a:hover:after{background:#007553 url(https://parks.seoul.go.kr/images/egovframework/com/template/fac2_on.png) center center no-repeat;} .facility ul li.fac3 a:hover:after{background:#007553 url(https://parks.seoul.go.kr/images/egovframework/com/template/fac3_on.png) center center no-repeat;} .facility ul li.fac4 a:hover:after{background:#007553 url(https://parks.seoul.go.kr/images/egovframework/com/template/fac_new1_on.png) center center no-repeat;} .facility ul li.fac5 a:hover:after{background:#007553 url(https://parks.seoul.go.kr/images/egovframework/com/template/fac_new2_on.png) center center no-repeat;} .facility ul li.fac6 a:hover:after{background:#007553 url(https://parks.seoul.go.kr/images/egovframework/com/template/fac_new3_on.png) center center no-repeat;} .facility ul li.fac7 a:hover:after{background:#007553 url(https://parks.seoul.go.kr/images/egovframework/com/template/fac7_on.png) center center no-repeat;} .facility .arrows{display:none;} .facility .arrows >*{position: absolute;top: 50%;transform: translateY(-50%);width: 23px;height: 37px;text-indent: -9999px;z-index: 100;} .facility .arrows .left_arrow{background:url(https://parks.seoul.go.kr/images/egovframework/com/template/cv_left.png) no-repeat center center;left:0;background-size:100%;} .facility .arrows .right_arrow{background:url(https://parks.seoul.go.kr/images/egovframework/com/template/cv_right.png) no-repeat center center;right:0;background-size:100%;} /*end 월드컵공원*/ /*0409 추가*/ @media all and (max-width:1200px){ /* #footer .footerLink {padding: 2.835em 2em 2.535em;} .foot_log {left:10px;} .footer_lang{right:10px;} */ #bx-pager > ul{padding:0;width:100%} #container{width:100%;} .menu > li a{padding:0 1em;} #container .section{padding-top:30px;padding-bottom:20px;} /* .main_bn .arrows{right:50px} 2024-02-28 */ .layer_popup{left:0 !important;width: 100%;} .layer_popup .dialog{width: 100%;} /* #space-popup1{top:30% !important;} #space-popup2{top:40% !important;} #space-popup3{top:48% !important;} #space-popup4{top:58% !important;} */ .facility ul{margin-left: 0;width: 80%;margin: 30px auto;} .header_w .h_area .inner > div ul{margin-left:0; display: flex;justify-content: center;flex-wrap: wrap;} } /*0409 추가*/ @media all and (max-width:1199px){ /*200409 추가*/ .inner{width:100%;box-sizing:border-box;padding:0 1em;} #header .mt_wrap .head_area .head .inner{padding:0} #container .section .sectionIn{padding:30px 0} /*200409*/ #header .logoPark{left:53px;} #header h1{right:43px;} .tabIn .btnMore, .sectionIn .btnMore{right:15px; top:20px;} .topBnr{width:100%;padding:0 5%;box-sizing:border-box;} /* #footer .f_n_lang{display:block;float:none;margin-top:20px;padding-left:0;} #footer .f_n_lang .language{text-align:left;} */ #footer .f_n_lang{display:block;float:none;margin-top:20px;padding-left:0;} #footer .f_n_lang .language{text-align:left;} .infoCon{width:100%;} .infoCon dt{width:25%;} .infoCon dd{width:75%;} #container .section .tabContents .sectionIn {padding-top:0} .tab_depth3{margin-bottom:2em;} } @media all and (max-width:1087px){ .program_list .item .imgList li:not(:nth-child(3n)){padding-right: 1em;} } @media all and (max-width:1024px){ .program_list .item > div{float:none;} .program_list .item .txt{width:100%;padding-right:0;padding-bottom:0.938em} .program_list .item .imgbox{width:100%;} .program_list .item .imgbox img{width:48%;} .park_list .list > li > div.imgnone li{width: calc(100% - 78%);} .program_list .item .imgList li{width:48%;} .program_list .item .imgList li img{max-width:100%;width:100%;} .program_list .item .imgList li:not(:nth-child(3n)){padding-right:0} .program_list .item .imgList li:not(:nth-child(2n)){padding-right:1em;} .program_list .item .imgList.li4 li{width:48%; height: 500px;} .program_list .item .imgList.li4 li:nth-child(2){padding-right:0} } @media all and (max-width:1000px){ .photoList li, .programList li, .newsList li, .reviewList li{width:50%;} #container .section .sectionIn .graybox .left {float: none; width: 100%;} #container .section .sectionIn .graybox .right {float: none; padding-top:20px;} #container .section .sectionIn .graybox .right img {width: 100%;} #footer .f_n_group .f_n_sns{display:block;margin-top:10px;} } @media all and (max-width:900px){ .m_btn, .m_menu_btn{display:block;} /*header*/ #header{position: relative;height:80px;} #header .mt_wrap{position: absolute;} #header .mt_wrap .head_area.on{position:static} #header .mt_wrap .head_area.on .head{border-bottom:0} #header .mt_wrap .head_area .head .inner > div.logoPark, #header .mt_wrap .head_area .head .inner > div.home{display:none;} #header .logo{text-align: left;border-bottom:1px solid #ddd;} #header h1{right:0;left:0;height:80px;} #header .logo h1{right:0;left:0;height:80px;} /* #header .logo h1 a{display: inline-block;padding-top: 35px;margin:0;background: url(https://parks.seoul.go.kr/images/egovframework/com/template/logo_on.png) no-repeat center;} */ #header .logo h1 a{display: inline-block;padding-top: 35px;margin:0;background: url(https://parks.seoul.go.kr/images/header_logo_200819.png) no-repeat center;} #header .mt_wrap .head_area .head{height:auto;width:100%;} #header .mt_wrap .head_area .head .inner{height:auto;width:100%;} #header .mt_wrap .head_area .head .inner > div{height:auto;width:100%;display:none;z-index:1000} .menu{width:100%;} .m_btn{position:absolute;top: 50%;content:'';background: url(https://parks.seoul.go.kr/images/egovframework/com/template/m_menu.png) no-repeat center;-webkit-transform: translateY(-50%);transform: translateY(-50%);transform: translateY(-50%);right: 17px;width: 24px;height: 18px; } .m_menu{display:none;position: absolute;background: #fff;top: 81px;left: 0;width: 100%;z-index: 10;} .m_menu .menu{width:100%;} .menu li{width:100%;float:none;border-bottom:1px solid #ddd;} #header .menu li a{display:block;text-align: center;;display:block;color: #222;font-weight: 600;font-size: 1.250em;} #header .m_menu_btn{width:100%;} #header .m_menu_btn > div{position: relative;float:left;width:50%;padding: 1.125em 0;} #header .m_menu_btn > div.one{background:#2ca311;} .m_menu_btn > div.two{background:#7dca5f;} #header .m_menu_btn div a{color:#fff;text-align:center;display:block;font-size:1em;font-weight:300;letter-spacing: -1px;} #header .m_menu_btn > div a:before{content: '';position:absolute;display: block;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);} #header .m_menu_btn > div.one a:before{width:26px;height:24px;left:50px;background: url(https://parks.seoul.go.kr/images/egovframework/com/template/m_home.png) no-repeat center center;} #header .m_menu_btn > div.two a:before{width:48px;height:49px;left:15px;background: url(https://parks.seoul.go.kr/images/egovframework/com/template/m_park.png) no-repeat center center;} .park_list .list > li > div{float:none;} .park_list .list > li .img{width:100%;} .park_list .list > li .img img{width:100%;} .park_list.parklist2 .list > li .img{width:100%;} .park_list.parklist2 .list > li .img img{width:100%;height: auto;} .park_list .list > li{height:auto !important;} .park_list .list > li .cont{width:100%;} .park_list.parklist2 .list > li .cont{width:100%;} .park_list .list > li .cont h3{padding-bottom:0.938em; font-size: 1.425em;} .park_list .list > li .cont .place_txt{padding-top:1.5em;} .map_c .map_info{padding:1em 0.8em;} .map_c .map_info ul li{float:none;width:100%;} .map_c .map_info ul li:first-child strong{letter-spacing: 15px;padding-right: 24px;} .map_c .map_info .btn_direct{line-height:4.7;} .main_bn .in .item{height:600px;} .park_list .list.talk > li.frl_chg .img{float:none;} .park_list .list > li .cont.mabzero{margin-top: 1em;} /* .f_wrap{padding-top:2em;} .foot_log, .footer_lang{position:static; display: inline-block;display: inline-block;vertical-align: middle;margin-right:15px;} .f_n_info{text-align: center;} #footer .footerLink{padding: 1.5em 0; text-align: center;} .footerLink .f_n_info_ul{padding-left:0} .footerLink .f_n_info_ul li{float:none;display:inline-block;} .footer_lang .langList li a{text-align:left;} .footer_lang .language{text-align:left;} .footer_lang .langList{right: calc(50% - 194px);bottom: 263px;} #footer .f_n_copy{text-align: center;} #footer .f_n_copy > *{float:none;width:100%;} #footer .mark{padding-top:1em;} */ #container .section.sectionZero{padding:0} .header_w .h_area .inner > div {height: auto; width: 100%;display: none;z-index: 1000;} .header_w h1{left:15px;} .header_w .h_area .inner > div ul li{width:100%;float:none;border-bottom: 1px solid #ddd;} .header_w .h_area .inner > #bx-pager{position: absolute;top: 60px; width: 100%;transition-duration: 0.2s;transform: rotate(.001deg);} .header_w .h_area .inner > #bx-pager ul{height: auto;background: #fff;} .header_w .h_area .inner > div ul li a{text-align: center;display: block;color: #222;font-weight: 600;font-size: 1.250em;} .header_w .h_area .m_menu_btn div{position: relative;float: left;width: 50%;padding: 1.125em 0;} .header_w .h_area .m_menu_btn div a{color: #fff;text-align: center;display: block;font-size: 1em;font-weight: 300;letter-spacing: -1px;} .header_w .h_area .m_menu_btn .one{background: #2ca311;} .wolrd_item .list1{float:none;width:100%;margin-right: 0; margin-bottom: 1.625em;} .wolrd_item .list2{width:48%; margin-bottom: 0; margin-right: 1.625em;} .wolrd_item .list3{width:48%; margin-bottom: 0;} .wolrd_item.item2 div{width:48%;} .wolrd_item.item3 .li{width:30.9%;} .wolrd_item.item3 .txt{width:100%} .wolrd_item.item4 div{width:48%;} .main_top .title_txt{float:none;width:100%;padding-bottom: 1.625em;} .main_top .img_slider{float:none;width:100%;} .main_top .img_slider .img img{width:100%;} .main_top{ margin: 0;padding-bottom: 1.625em;} } @media all and (max-width:768px){ #container .section .img_box .pc_img{display:none;} #container .section .img_box .m_img{display:block;width: 100%;} .tab_depth3 li{font-size:1em;} .traffic > li.office .tra_cont p span{display:inline;} .park_list .list > li > div.imgnone li{width:48%;} .park_list .list > li > div.imgnone li:not(:nth-child(4n)){padding-right:0} .park_list .list > li > div.imgnone li:nth-child(odd){padding-right:1em;} .park_list .list > li > div.imgnone li img{width:100%;} .park_list .list > li > div.imgnone li:nth-child(1),.park_list .list > li > div.imgnone li:nth-child(2){padding-bottom:1em;} .wolrd_item .list2 {width:100%; margin-bottom: 1.625em;} .wolrd_item .list3 {width:100%;} .wolrd_item div{background-size:100% 100%} .wolrd_item.item2 div{width:100%;} .wolrd_item .list4{ margin-bottom: 1.625em; margin-right: 0;} .wolrd_item.item3 .li{width:100%;} .wolrd_item.item3 div:not(:last-child){margin-right:0;margin-bottom: 1.625em; } .wolrd_item.item4 div{width:100%;} .wolrd_item .list9{ margin-bottom: 1.625em; margin-right: 0;} .pearcont{background: #f7f7f7} .pearcont .pear_img{float:none;width:100%;} .pearcont .pear_img img{width:49.5%;} .pearcont .pear_img img:first-child{padding-bottom:0;} .pearcont .pear_txt{float:none;width:100%;padding-top:1.5em;} } @media all and (max-width:640px){ /* #bx-pager > ul li a{padding:0 3px;height:70px;font-family:'Noto Sans KR',sans-serif;font-size:14px;font-weight:400;} #bx-pager > ul li a.active:before{top:-55px;background-size:65px auto;} */ /* #header .logo h1{right:0;left:0;height:80px;}*/ #header .logo h1 a{background-size: 80% auto;background-position: left;} .map_c .map_info ul li{padding-bottom:1em;} .map_c .map_info ul li:first-child {padding-top:2em; } .map_c .map_info ul li:last-child {padding-bottom:0; } .map_c .map_info strong{padding-right:0} .map_c .map_info ul li:first-child strong{padding-right:0; letter-spacing: normal;} .map_c .map_info strong:after{display:none;} .map_c .map_info ul li span{display:block;} .map_c .map_info ul li span.left-spacing{padding-left: 0;} .map_c .map_info{border-right: 1px solid #dedede;} .map_c .map_info .btn_direct{right: 14px;background: #777 url(https://parks.seoul.go.kr/images/egovframework/com/template/direc.png) no-repeat left 17px center; line-height: 1.45; padding: 0.5em 0.5em 0.5em 1.8em; height: auto;width: 100px;top: 15px;} .main_bn .mainVisual_txt{padding:3em 0;} .main_bn .mainVisual_txt .txt h4{font-size:2em;} .main_bn .in .item{height:500px;} #container .section .title{font-size:22px;} #container .section .sub_tit{font-size:17px;} #container .section .intro{font-size:15px;} .park_list .list > li .cont h3{font-size:1.155em;} .park_list .list > li .cont p{font-size:0.938em} /* #footer .f_n_copy{padding:1.875em 0 3em} .foot_log{width:100%;margin-right:0;margin-bottom:15px;} .footer_lang{margin-right:0;} #footer .info .adress span:first-child{display:block;padding-bottom:1em; padding-right: 0;} #footer .info .adress span:after{display:none;} .footerLink .f_n_info_ul li{padding-right: 1em;} .footerLink .f_n_info_ul li:after{display:none;} .footer_lang .langList{right: auto;left: auto;bottom: auto;top: -78px;} */ .photoList li, .programList li, .newsList li, .reviewList li{width:100%;} .tabIn .btnMore, .sectionIn .btnMore{top:inherit;left:45%;right:inherit;margin-left:-55px;margin-top:20px;} .photoList li .bbs_title{font-size: 20px;} .newsList li .bbs_title{font-size: 20px;} #container .section #tab2 .sectionIn {padding-bottom:70px;} .program_list .item .imgbox img:first-child{margin-right: 0;} .infoList ul li{width:100%;} .infoList ul li:not(:last-child){border-bottom:0;border-right:1px solid #ddd} .listinfo > li .dash_wrap{width:100%;padding-top:0.625em;} .listinfo > li.bmiddle_title .dash_wrap{width:100%;} .listinfo > li.middle_title .dash_wrap{width:100%;} .program_list .item .imgList li{width:100%;} .program_list .item .imgList li:not(:nth-child(2n)){padding-right:0;} .program_list .item .imgList.li4 li{width:100%;height:auto;} .wolrd_item .list1{height:300px;} .wolrd_item.item3 .li{height:196px;} .main_top{margin:0;padding-bottom: 1.625em;} .main_top .title_txt{float:none;width:100%;text-align: center;background: none;padding-top: 0;padding-bottom:1.625em;} .main_top .img_slider{float:none;width:100%;} .main_top .title_txt h2{font-size: 3.000em;} .main_top .title_txt p.t_txt{font-size: 1.250em;} .main_top .img_slider .img{height:320px;} .main_top .img_slider .img img{width:100%;height:100%;} .wolrd_item .list9{height:230px;} .wolrd_item .list10{height:230px;} .facility .arrows{display:block;} .facility .arrows >*{width:15px;} } @media all and (max-width:500px){ #header .m_menu_btn div a{font-size: 0.825em; margin-left:1em; } #header .m_menu_btn > div.two a:before{background-size:70% auto;} #header .menu li a{font-size: 1em;} .main_bn .arrows{right: 0;} .menu{width: calc(100% - 115px);} #bx-pager > ul li a{padding:0 1px;} .park_list .list > li .cont h3{padding-bottom:1.5em;} .park_list .list > li .cont > .info{top:30px;} .map_c .map{height:200px;} .main_bn .mainVisual_txt{padding:2em 0;} .main_bn .mainVisual_txt .txt h4{font-size: 1.625em;} .main_bn .mainVisual_txt .txt p{ font-size: 1em;} .map_c .map_info{font-size:0.938em} .main_bn .in .item{height:380px} .tab_depth3 li{font-size:0.725em;} #container .section .sectionIn .iconbox ul li #container .section .sectionIn .iconbox ul li > h5{font-size:1em;} #container .section .sectionIn .iconbox ul li > p{font-size: 0.725em;} #container .section .sectionIn .iconbox ul li > p span{display:inline} .park_list .list > li > div.imgnone li:nth-child(odd){padding-right:0.862em;} .pearcont .pear_img img{width:100%;} .pearcont .pear_img img:first-child{padding-bottom: 0.813em;} } @media all and (max-width:435px){ .main_bn .mainVisual_txt .txt p{width:20em} } @media all and (max-width:400px){ #header .m_menu_btn div a{font-size: 0.712em;} .main_bn .mainVisual_txt .txt p{width:14em} .main_bn{min-height:200px;} .main_bn .mainVisual_txt{padding: 1em 0 1.7em;} .main_bn .in .item{height: 320px;} } @media all and (max-width:375px){ #header .m_menu_btn > div{padding:1em 0;} #header .m_menu_btn div a{margin-left: 2.5em;} #header .m_menu_btn > div.two a:before{width:35px;height:36px;background-size: cover;left: 27px;} #header .m_menu_btn > div.one a:before{left: 60px; } #header .menu li a{font-size:0.825em;} /* .footerLink .f_n_info_ul li a, #footer .info .adress span{font-size:12.5px;} */ .park_list .list > li .img img{height:200px;} .tab_depth3 li {font-size: 0.625em;} .park_list .list > li > div.imgnone li{width:47.5%} } @media all and (max-width:371px){ /* #footer .mark li:last-child{margin-top:10px;} */ } @media all and (max-width:350px){ #header .m_menu_btn > div.two a:before{left: 15px;} #header .m_menu_btn > div.one a:before{left: 50px; } } @media all and (max-width:330px){ /* .footerLink .f_n_info_ul li a{font-size:10.5px;padding-right:0.5em;} #footer .info .adress span{font-size:10.5px;} */ } @media all and (max-width:320px){ #bx-pager > ul li a{font-family:'Noto Sans KR',sans-serif;font-size:13px;background-size:55px auto;} } /* 2021-02-16 수정 */ .cheonhogo:first-child{margin-right:15px} .cheonhogo{ display:inline-block; border-style : solid; border-width:1px; border-radius:5px; padding:5px 15px; padding-left:30px; text-align:center; background-image:url('https://parks.seoul.go.kr/images/egovframework/com/main/btn/cheonhogo.png') ; background-repeat:no-repeat; background-position:10px center; vertical-align:top; } .parkGuide-table td:last-child{padding:0 15px;} .parkGuide-table td img{display:block;max-width:100%;max-height:100%;} @media all and (max-width:500px){ .parkGuide-table colgroup col:first-child{width:200px!important;} } #tabList .tab{background:#fff;} .ut_btn1{margin-bottom:40px;} .ut_btn1 > a{display:inline-block;padding:10px 15px;background:#31a517;border-radius:5px;font-size:16px;color:#fff;} .menu li a.on{border:1px solid #000000;} /* S 2024-02-28 */ .p-ping1{display: table;} .p-ping1 > *:first-child{display: table-cell;vertical-align: top;white-space: nowrap;padding-right: 4px;} .newY24-text1{padding-left: 16px;} .newY24-text1 > li:not(:first-child){margin-top: 16px;} .newY24-text1 p{color: #666;font-size: 16px;line-height: 1.3;} .newY24-text1 p:not(:first-child){margin-top: 5px;} .newY24-text1 .title1{margin-bottom: 8px;color: #31a517;font-size: 20px;font-weight: 500;line-height: 1.2;} #container .section .intro .newY24-text2{margin-top: 35px;color: #222;font-size: 16px;line-height: 20px;} #container .section .intro .newY24-text2 > li:not(:first-child){margin-top: 22px;} #container .section .intro .newY24-text2 > li{position: relative;padding-left: 14px;} #container .section .intro .newY24-text2 > li:before{position: absolute;top: 8px;left: 0;width: 5px;height: 5px;background: #2ca311;border-radius: 25px;content: "";} #container .section .intro .newY24-text2 p{color: inherit;font-size: inherit;line-height: inherit;} #container .section .intro .newY24-text2 p.title1{margin-bottom: 8px;color: #333;font-size: 20px;font-weight: 500;line-height: 22px;} #container .section .intro .newY24-text2 .ulli-01{margin-top: 12px;} #container .section .intro .newY24-text2 .ulli-01 > li:not(:first-child){margin-top: 12px;} #container .section .intro .newY24-text2 .ulli-01 > li{position: relative;padding-left: 10px;font-weight: 500;} #container .section .intro .newY24-text2 .ulli-01 > li:before{position: absolute;top: 8px;left: 0;width: 3px;height: 3px;background: #222;border-radius: 25px;content: "";} #container .section .intro .newY24-text2 .ulli-02{margin-top: 6px;} #container .section .intro .newY24-text2 .ulli-02 > li:not(:first-child){margin-top: 6px;} #container .section .intro .newY24-text2 .ulli-02 > li{position: relative;padding-left: 12px;color: #444;font-weight: 400;} #container .section .intro .newY24-text2 .ulli-02 > li:before{position: absolute;top: 9px;left: 0;width: 6px;height: 1px;background: #555;content: "";} #container .section .intro .newY24-text2 .red{color: red !important;} #container .section .intro .newY24-text2 .p-ping1{margin-top: 4px;} @media screen and (max-width: 1100px){ .main_bn .arrows{right: 0;} .main_bn .arrows button{width: 55px;height: 55px;} .main_bn .mainVisual_txt{padding-bottom: 65px;} } @media screen and (max-width: 900px){ #header .inner{background: #fff;} #header .logo h1{margin: 0;} } @media screen and (max-width: 400px){ #header{height: 64px;} #header .logo h1{height: 63px;} #header .logo h1 a{padding-top: 18px;} } /* E 2024-02-28 */