@charset 'utf-8'; @import url('../../fonts/font.css'); 
html{min-width:1000px;}
body {font-family:'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', 'Arial', 'sans-serif';font-size:12px;letter-spacing:-1px; color:#fff;min-width:1000px;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, textarea, pre {margin:0;padding:0;}
input, select {font-family:'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', 'Arial', 'sans-serif';}
h1, h2, h3, h4, h5, h6 {font-size:12px;font-weight:normal;}
em {font-style:normal;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}
body a {text-decoration:none;color:#555;}
body a:hover, body a:active, body a:focus {text-decoration:none;}
pre {padding-top:5px;}
table {margin:0;padding:0;border-spacing:0;border-collapse:collapse;border:0;}
td {text-align:left;}
hr {display:none;}
caption, legend {position:absolute;display:none;visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;text-indent:-9999px;}
#skipNavi {position:absolute;z-index:99999;top:-10.5em;left:0;width:100%;margin:0 auto;font-size:1.15em;list-style:none;}
#skipNavi a:active, #skipNavi a:focus {position:absolute;top:10.5em; /* left: 0; */width:100%;height:2em;padding-top:.5em;font-weight:bold; /* text-decoration: underline;*/text-align:center;color:#000;border:1px solid #475470;outline:0;background:#fff;}
.invisible {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;}
.holder {position:relative;width:1000px;margin:0 auto;}
#header {position:sticky;z-index:99999;top:0;right:0;left:0;height:133px;background:url(../images/bg/bg_header_2019.gif) center top repeat-x;}
#header h1 {width:331px;height:133px;margin:0 auto;}
#header h1 a {display:block;}
#header .parentsite {position:absolute;top:8px;left:6px;}
#header .parentsite li {float:left;margin-right:10px;}
#header .parentsite li.first {padding-top:4px;}
#header .snssite {position:absolute;top:8px;right:11px;}
#header .snssite li {float:left;margin-left:9px;}
.gotop {display: none;position: fixed;bottom: 80px;left: 50%;margin-left: 560px;width: 94px;z-index: 100}
@media screen and (max-width: 1100px) {
  .gotop{left:unset; right:10px;margin-left:0; }
}/*@media screen and (max-width: )*/
.content01 {position:relative;margin-top:-133px;height:100vh;max-height:1000px;background:#fff url(../images/bg/bg_visual2023.jpg) center top no-repeat;background-size:cover;}
.content01 .txt_scroll {position:absolute;top:171px;left:50%;margin-left:-47px;}
.content01 .txt_scroll #mouse {position:relative;display:block;margin:3px auto 0 auto;}
.content02 {min-height: 857px;height:100vh; max-height:1000px;background:#fff url(../images/bg/bg_visual2.png) center top no-repeat;background-size:cover;padding-top: 135px;}
.content02 .holder {padding-top:65px;}
.content02 .holder h2 {text-align:center;}
[id*="skatenum"] {display:none;}
.content02 .holder .map {position:absolute;z-index:10;top:305px;left:20px;width:221px;height:185px;}
.content02 .holder .map img{margin-top:-45px;}
.content02 .holder .menu {position:absolute;z-index:5;top:210px;left:260px;}
.content02 .holder .menu:before, .content02 .holder .menu:after {position:absolute;left:0;width:3px;height:12px;content:' ';}
.content02 .holder .menu:before {top:-15px;background:url(../images/bg/bg_content2_menu_top.png) no-repeat;}
.content02 .holder .menu:after {bottom:-15px;background:url(../images/bg/bg_content2_menu_bottom.png) no-repeat;}
.content02 .holder .menu li {position:relative;padding:9px 0 11px 15px;border-left:3px solid rgba(255, 255, 255, .5);}
.content02 .holder .menu li.first {padding-top:0 !important;}
.content02 .holder .menu li.last {padding-bottom:6px !important;}
.content02 .holder .menu a {display:inline-block;font-size:18px;line-height:1.2;letter-spacing:-1px;opacity:.5;color:#fff;filter:alpha(opacity=50);}
.content02 .holder .menu li.on {padding:0 0 0 22px;border-left:0;}
.content02 .holder .menu li.on span {position:absolute;top:7px;left:-11px;width:25px;height:25px;background:url(../images/ico/ico_pos.png) no-repeat;}
.content02 .holder .menu li.on a {padding:5px 5px 10px 0;font-size:26px;line-height:1;letter-spacing:-3px;opacity:1; /*background:url(../images/bg/bg_txt_underline.png) left bottom no-repeat; background-size:100% 7px;*/filter:alpha(opacity=100);}
.content02 .holder .menu li:nth-child(8).on a {font-size:27px !important;}
.content02 .holder .content {position:absolute;z-index:10;top:230px;right:20px;width:332px;min-height:365px;padding:15px 13px 13px 13px;border:1px solid rgba(255, 255, 255, .2);border-radius:12px;background:rgba(107, 132, 173, .2);}
.content02 .holder .content img {display:block;max-width:100%;margin:0 auto;border-radius:8px;}
.content02 .holder .content p.date {margin:16px 0 0 0;padding:1px 0 15px 43px;font-size:20px;letter-spacing:-.5px;color:#fff;border-bottom:1px solid rgba(255, 255, 255, .2);background:url(../images/ico/ico_time.png) 4px top no-repeat;white-space: nowrap;}
.content02 .holder .content p.call {padding:12px 0 16px 43px;font-size:21px;letter-spacing:-.4px;color:#fff;background:url(../images/ico/ico_call.png) 6px 12px no-repeat;line-height:28px;}
.content02 .holder .content .set-button {overflow:hidden;}
.content02 .holder .content .set-button a {display:block;float:left;height:51px;margin-left:5px;font-size:11px;line-height:50px;letter-spacing:-1px;color:#859fcc;}
.content02 .holder .content .set-button .moreview {width:89px;padding-left:72px;background:url(../images/btn/btn_moreview.png) no-repeat;}
.content02 .holder .content .set-button .homepage {width:103px;padding-left:58px;background:url(../images/btn/btn_homepage.png) no-repeat;}
.content03 {position:relative;overflow:hidden;background:#f0edbd url(../images/bg/bg_content3_left.png) left top repeat-x;}
.content03 .bg-repeat-right {position:absolute;z-index:2;top:0;right:0;width:50%;height:780px;background:#f0edbd url(../images/bg/bg_content3_right.png) left top repeat-x;}
.content03 .bg-center {position:relative;z-index:5;height:820px;background:url(../images/bg/bg_content3_center.png) center top no-repeat;}

.content03 .holder {padding-top:100px;}
.content03 .holder h2 {font-size:30px;font-weight:normal;text-align:center;letter-spacing:-1px;color:#fff;}
.content03 .holder h2 .title {position:relative;display:inline-block;}
.content03 .holder h2 .title .l_wing, .content03 .holder h2 .title .r_wing {position:absolute;z-index:3;top:0;height:51px;background-image:url(../images/bg/bg_content3_title.png);}
.content03 .holder h2 .title .l_wing {left:-69px;width:79px;background-position:left top;}
.content03 .holder h2 .title .r_wing {right:-65px;width:78px;background-position:right top;}
.content03 .holder h2 .title .c_text {position:relative;z-index:4;display:inline-block;height:43px;padding:0 28px;line-height:36px;vertical-align:top;background:#d23a34;}
.content03 .holder .thum {position:absolute;top:229px;left:33px;}
.content03 .holder .content {position:absolute;top:229px;left:507px;min-height:250px;    word-break: keep-all;}
/* .content03 .holder .content a {position:absolute;bottom:0;} */
.content03 .holder .content dl:last-child {margin-bottom:70px;}
.content03 .holder .content dt {position:absolute;width:69px;height:24px;line-height:23px;text-align:center;border-radius:4px;background:#e95b56;}
.content03 .holder .content dd {padding:0 0 19px 90px;font-size:14px;line-height:1.2;}
.content03 .holder .content dd em {display:inline-block;font-size:19px;font-weight:bold;line-height: 1.25;}
.content03 .holder .content dd span {display:block;font-size:14px;text-indent:-13px;padding-left:15px;line-height: 1.5;letter-spacing: -2px;text-wrap: nowrap;}
.content03 .holder .content dd em.mt {margin-top:4px;}
.content03 .holder .content dd em.mt2 {margin-top:8px;}
.content03 .holder .content dd ul {line-height:1.3;}
.content03 .holder .content dd em + ul {margin-top:4px;}
.content03 .holder .content a.link {display:inline-block;width:165px;height:48px;padding:15px 0 0 78px;font-size:18px;font-weight:bold;letter-spacing:-1px;color:#fff;background:url(../images/btn/btn_content2.png) no-repeat;vertical-align: top;}
.content03 .holder .content a.list{display:none;}
/* .content03 .holder .content a.list {display:inline-block;width:105px;height:48px;padding:15px 0 0 78px;font-size:18px;font-weight:bold;letter-spacing:-1px;color:#fff;background:url(../images/btn/btn_content3.png) no-repeat;vertical-align: top;margin-left:10px;line-height: 1.6;} */
.content03 .holder .checkpoint {position:absolute;top:610px;left:35px;font-size:14px;letter-spacing:-1px;color:#5e4833;width:570px;}
.content03 .holder .checkpoint dd {margin-bottom:7px;padding-left: 15px;     word-break: keep-all;}
.content03 .holder .checkpoint dd:before{content: '✓'; margin-left: -15px; margin-right: 4px;}
.content03 .holder .location {position:absolute;top:612px;left:635px;font-size:14px;letter-spacing:-1px;color:#5e4833;}
.content03 .holder .location dd {padding-left:45px;	word-break: keep-all;}
.content03 .holder .location .address {padding-bottom:8px;background:url(../images/ico/ico_address.gif) no-repeat;}
.content03 .holder .location .metro {margin-top:18px;padding-bottom:8px;background:url(../images/ico/ico_metro.gif) no-repeat;line-height: 1.6;}
.content03 .holder .location .bus {margin-top:18px;padding-top:0;padding-bottom:8px;background:url(../images/ico/ico_bus.png) no-repeat;}
#footer {height:148px;padding-top:48px;text-align:center; /* font-family: Dotum, '돋움'; */letter-spacing:0;background:#f0edbd url(../images/bg/bg_footer.jpg) center bottom no-repeat;}
.make-day {overflow:hidden;width:160px;height:22px;margin:0 auto 20px auto;border:1px solid #f0edbd;border-radius:3px;}
.make-day li {float:left;padding:0 7px;font-size:11px;line-height:22px;text-align:center;color:#fff;}
.make-day li.txt {width:40%;color:#5e4833;background:#f0edbd;}
.t-red * {color:red;}

@media screen and (max-height:640px){
.content01 .txt_scroll {top:auto; bottom:30px;}
}

div#skate-detailnum15.content03 .bg-center {height:930px} /* 어린이회관 눈썰매장*/