body {min-width: 1010px;} .hide{position: absolute; left:0; top:0; font-size:0; line-height: 0;visibility: hidden;} .show {position: absolute; left:0; top:0; font-size:0; line-height: 0;visibility: visible;} #background {position: relative; width: 100%; height:100%;} #wrap {position: absolute; width: 100%;} #container {margin: 0 auto;width: 100%;} #container2 {margin: 0 auto;width:100%;} #mainBg {position: absolute; width: 100%; background-image:url(../images/main/mainBg0.jpg); background-repeat:repeat-x; } /*헤더 css 시작 */ header {width: 1000px; height: 87px;} h1 {width: 193px; height: 75px; float: left; margin-top: 30px;} h1 img {margin-top: 25px;} #headerBar {width: 100%; height: 1px; background-color: #d1d1d1;margin: 0 auto; margin-top: 2px; margin-top: 85px;} /* 탑메뉴 미니네비 시작 */ #header .topMenu{float: right; margin-top: 22px; margin-left: 20px; width:300px; text-align:right;} #header .topMenu dd{clear: both; display: inline-block; margin-left: 12px;} #header .topMenu dd a{font-size: 12px; font-weight: bold;} /* 탑메뉴 미니네비 끝 */ /* GNB 시작 */ #gnb {float: right; margin-top: 10px; width:650px;} #gnb ul {float: right;} #gnb ul li { clear: both; display: inline-block; margin-left: 25px; font-weight:bold;} #gnb ul li a { font-size:16px; color:#8b8b8b; letter-spacing:-2px} #gnb ul li a:hover {color:#5f5f5f;} #gnbWrap {float: right; width: 1000px; height: 39px;} /* GNB 히든 서브 bar */ #navBarA {margin-top: 3px; float: right; width: 575px; height: 34px; background-image:url(../images/main/gnbBar0.png); display: none;} #navBarB {margin-top: 3px; float: right; width: 575px; height: 34px; background-image:url(../images/main/gnbBar0.png); display: none;} #navBarC {margin-top: 3px; float: right; width: 575px; height: 34px; background-image:url(../images/main/gnbBar0.png); display: none;} #navBarD {margin-top: 3px; float: right; width: 575px; height: 34px; background-image:url(../images/main/gnbBar0.png); display: none;} #navBarE {margin-top: 3px; float: right; width: 575px; height: 34px; background-image:url(../images/main/gnbBar0.png); display: none;} #navBarF {margin-top: 3px; float: right; width: 575px; height: 34px; background-image:url(../images/main/gnbBar0.png); display: none;} /* GNB 히든 서브 bar 메뉴 */ .navBarTxt li{float: left; margin-left: 16px; margin-top: 12px; letter-spacing: 0em;} .navBarTxt li a{color:#a6a6a6; font-size: 13px; } .navBarTxt li a:hover {color:#64a671; font-weight:bold;} .navBarTxt1 li{float: right; margin-right: 20px; margin-top: 12px; letter-spacing: 0em;} .navBarTxt1 li:nth-last-child(1) {margin-right: 10;} .navBarTxt1 li a{color:#a6a6a6; font-size: 13px; } .navBarTxt1 li a:hover {color:#64a671; font-weight:bold;} /* GNB 끝 */ /* 팝업 이미지 롤링 */ #divpop { width:350px; height:450px; background:#0c3758; position:absolute; left:50%; margin-left:150px; top:150px; z-index:200} .popup_visual{display: block; width:342px; height:415px; position:absolute; left:5px; top:5px; background-image:url(../images/popup/night0.jpg); background-repeat:repeat-x;} .popup_imgview { margin:20px 21px 0 21px; color:#fff; background:rgba(0,0,0,0.5); padding:7px 0 15px 25px} .popup_imgview strong { font-size:19px; color:#FFFF99; line-height:2.5; font-family:'NanumGothic'} .popup_imgview strong span { font-family:'NanumGothic' ; font-size:20px} .popup_imgview p { font-size:15px; font-weight:600; line-height:1.5; font-family:'NanumGothic'} .popup_imgview p.sec { margin-left:41px} .winter_railbike { width:342px; height:415px; position:absolute; left:5px; top:5px;} .railbike { width:342px; height:415px; position:absolute; left:4px; top:5px; background-image:url(../images/popup/open_layer.jpg); text-align:right} .railbike_info { margin-top:10px; margin-right:20px} .railbike strong { font-size:20px; font-family:'NanumGothic' ; line-height:3; color:#8f7559; border-bottom:1px solid #8f7559 } .railbike p { font-family:'NanumGothic' ; font-size:14px; line-height:1.3; color:#333333} .railbike p strong { color:#FF3333; border:none; padding:0 2px; line-height:1.3; font-weight:bold; letter-spacing:0.3; font-size:14px} .popup_close { margin-top:425px; width:350px; height:15px; vertical-align:top} .today_close li a { float:left; color:#fff; margin-left:10px; font-family:'NanumGothic';} .today_close li a span { padding:4px 4px 0 4px; color:#333; margin-right:5px; background:#FFFFFF ; line-height:2;} .today_close li.close a { float:right; color:#333; margin-right:10px; height:15px; margin-bottom:30px; padding:4px 10px 0 10px; background:#FFFFFF; } /*팝업 이미지 롤링*/ /* 메인배경 이미지 롤링 */ .visual{display: block; width:100%; height:501px; position: relative;margin: 0 auto; background-image:url(../images/main/mainBg0.jpg); background-repeat:repeat-x;} .menuList {position: relative; margin-top: 10px; margin-left:50%;} .menuList li{float: left; margin-right: 9px; width:9px; height: 9px; background: #fff; border: 2px solid #909090; text-indent: -9999em; border-radius: 50%; cursor: pointer;} .menuList li.on {background-color: #ae9b84; width:12px; height: 12px; border: 0px; } /*메인배너 이미지 롤링*/ .imgview {text-align:center; margin-right:30%;} .imgview img{ margin-top:50px;} /* 헤더 css 끝 */ /* 메인 콘텐츠 시작 */ #mainCon {display: block; width: 986px; height: 505px; margin: auto; margin-top: 25px;} /* 콘텐츠1 시작 */ #conBox01 {float: left; width: 450px; height: 222px;} .btn_reserv01off {width: 210px; height: 25px; background-image: url(../images/main/tab_railbike_off.jpg);float: left; text-indent: -9999em; cursor: pointer;} .btn_reserv02off {width: 210px; height: 25px; background-image: url(../images/main/tab_pension_off.jpg);float: left; text-indent: -9999em; cursor: pointer;} .btn_reserv01on {width: 210px; height: 25px; background-image: url(../images/main/tab_railbike_on.jpg);float: left; text-indent: -9999em; cursor: pointer;} .btn_reserv02on {width: 210px; height: 25px; background-image: url(../images/main/tab_pension_on.jpg);float: left; text-indent: -9999em; cursor: pointer;} /* 콘텐츠1 끝 */ /* 콘텐츠2 시작 */ #conBox02 {float: right; width: 520px; height: 222px;} #iconBox {width: 516px; height: 187px; text-align:center; border: 1px solid #cbcbcb; margin-top: 20px; behavior:url(/css/PIE.htc); position: relative;} #iconBox2 {width: 516px; height: 154px; margin: auto; margin-top: 15px;} #iconBox2 a {padding: 4px;} .dotBarA img {padding-left: 8px; padding-right: 8px; margin-top: 30px;} .dotBarB img { margin-top:15px} #csCenterBn img {margin-top: 10px; margin-left:-3px;} #popup_wrap {width:700px; height:750px; border: solid 3px #00B3B0; position:fixed; top:50%; left:50%; margin:-350px 0 0 -360px; z-index:9999; display:none} #mask {width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7) repeat; top:0; left:0; z-index:999;} .lunchbox_popup {} .lunchbox_popup a { width: 30px; height: 30px; line-height:0.9; background: #00B3B0; color: #ffffff; text-align: center; font-weight:bold; font-size: 30px; position:fixed; top:50%; left:50%; margin:-340px 0 0 305px;} /* 콘텐츠2 끝 */ /* 콘텐츠3 시작 */ #conBox03 {float: left; width: 294px; height: 105px; margin-top: 32px;} #noticeTitle a {position: relative; float: right; margin-top: -20px;} #conBox03 ul {margin-top: 11px;} #conBox03 ul li {font-size: 13px; margin-top: 10px;} #eventBn { margin-top: 20px;width: 294px; height: 155px; text-align:center;} #eventBtnPrev {float: right;} #eventBtnNext {float: right;} #eventImg01 img {margin-top: 24px;} /* 콘텐츠3 끝 */ /* 콘텐츠4 시작 */ #conBox04 {float: left; width: 294px; height: 263px; margin-top: 32px; margin-left: 50px;} #encTitle a {position: relative; float: right; margin-top: -20px;} #encPic {position: absolute; border: 1px solid #cbcbcb; margin-top: 11px;} #encPicBtn span {position: relative; float: right; margin-right: 12px; margin-top: 133px;} #encIcon {width: 296px; height: 75px; margin-top: 170px;} #encIcon a{padding-right: 2px;} /* 콘텐츠4 끝 */ /* 콘텐츠5 시작 */ #conBox05 {float: left; width: 294px; height: 263px; margin-top: 32px; margin-left: 50px;} #helperTitle a {position: relative; float: right; margin-top: -20px;} /* 콘텐츠5 끝 */ /*메인 콘텐츠 끝 */ /* footer BG 시작 */ #bottomLine {width: 100%; height: 158px; background-image: url(../images/footer/bottomLine_forest.png); background-repeat:repeat-x;} #bottomInfoBox {width: 100%; height: 32px; background-color: #ae9b84;} #infoTxtBox {width: 1000px; height: 32px; margin: auto;} .foot_familysite {margin-top:-20px; margin-left:310px;} #infoTxt {float: left; font-size: 12px; color: #FFFFFF; margin-left: 229px; margin-top: 12px;} #infoTxt a {color: #FFFFFF; font-size: 12px;} #infoTxt img {margin-top: -9px; margin-left: 14px;} /* footer BG 끝 */ /* footer 시작 */ footer {margin-top: 280px;} #footerBox {width: 1000px; height: 70px; margin: auto;} #footerLogo img {float:left; margin-left: 50px; margin-top: 20px;} #footerCopyWrap {float: left; width:600px;} #footerCopy {float: left; margin-top: 16px; line-height: 14px; font-size: 12px; letter-spacing: 0px;} #footerCcm {float: right; margin-top: 11px; margin-right: 30px;} .footerColor {color: #330000; font-weight: bold;} /* footer 끝 */ .s2 {font-family:굴림; FONT-SIZE: 10pt; COLOR: #666666; LINE-HEIGHT: 20px;}