@charset "utf-8";
@import "layout.css";

div.contWrap {padding: 20px 0 0 17px;}
div.contWrap01 {padding: 30px 0 0 0;}
div.contWrap02 {padding: 10px 0 0 0;}

#layer li.layMenu {position: relative; z-index: 200;}
#layBox {display: block; position: absolute; top: -50px; left: 180px; _left: 150px;}
#layBox .layTop01 {background: url('../images/park/bg_lay_top_01.gif') no-repeat 0 0; height: 3px; font-size: 0; padding:0; margin:0; border :0; width: 170px; #margin-bottom:-7px; _margin:0;}
#layBox .layMid01 {background: url('../images/park/bg_lay_mid_01.gif') repeat-y; padding: 5px 0 5px 0; width: 170px; border: 0; margin:0;}
#layBox .layBot01 {background: url('../images/park/bg_lay_bot_01.gif') no-repeat 0 0; height: 3px; font-size: 0; padding:0; margin:0; border :0; width: 170px; #margin-top:-7px; _margin:0;}
#layBox ul li {border: 0; padding: 0 0 0 1px; margin: 0; font-size: 0.915em; color: #4978a3; width: 157px; letter-spacing: 0; font-weight: normal;}
#layBox ul li a { display: block; background: none; color: #678f17; padding-left: 15px; height: 15px; border: 1px solid #fff; width: 150px;}
#layBox ul li a:hover, #layBox ul li a:active { background: none; font-weight: bold; text-decoration: underline}

p.cont {padding: 0 0 0 5px; line-height: 18px; color: #5e5e5e;}
p.cont01 {padding: 0 0 10px 5px; line-height: 18px; color: #5e5e5e;}
p.cont02 {padding: 0 10px 10px; line-height: 22px; color: #5e5e5e; letter-spacing: 0;}
p.cont02 img {vertical-align: middle; margin: 10px;}
h4.tit {background: url('../images/common/icon_bullet_02.gif') no-repeat 0 3px; padding-left: 15px;}

ul.map {margin: 25px 0 0 0}
ul.map li {float: left;}
ul.map li.map {margin: 0 17px 0 18px;}

ul.bullet03 {padding: 5px 0 0 10px;}
ul.bullet03 li {background: url('../images/common/icon_bullet_03.gif') no-repeat 0 8px; padding: 0 0 8px 10px; line-height: 19px;}
ul.bullet03 li p {line-height: 20px;}

ul.bullet04 li {padding-bottom: 4px;}

h4.tit02 {position: relative; background: url('../images/common/icon_bullet_01.gif') no-repeat 0 4px; padding-left: 15px; font-weight: bold; font-size: 1.165em;}
h5.tit03 {position: relative; background: url('../images/common/icon_bullet_02.gif') no-repeat 14px 14px; padding: 10px 0 0 30px; font-weight: bold;}
h4.tit02 span, h5.tit03 span {position: absolute; right: 0; top: 0;}
h4.tit03 {background: url('../images/common/icon_bullet_02.gif') no-repeat 0 4px; padding-left: 15px; margin: 7px 0 9px; font-weight: bold;}

div.bImg {margin: 10px 0 16px 0}
div.bImg img {border: 5px solid #b3bec7;}

ul.intro01 {padding-left: 15px;}
ul.intro01 li {float: left;}
ul.intro01 li.desc {width: 535px; padding-left: 22px;}
ul.intro01 li.desc p {padding-bottom: 15px; line-height: 18px; color: #5e5e5e; letter-spacing: 0;}

div.flag {padding: 3px 0 0 2px;}
dl.flagstaff {width: 756px; overflow: hidden; padding: 20px 0 15px; border-bottom: 1px solid #e8ebee;}
dl.flagstaff dt {float: left; margin: 0 20px 0 2px;}
dl.flagstaff dt img {border: 5px solid #b3bec7;}
dl.flagstaff dt.locationMap {float: none; margin: 0 0 5px;}
dl.flagstaff dd img {vertical-align: middle;}
dl.flagstaff dd {float: left;width: 410px;}
dl.flagstaff dd ul li {padding-bottom: 5px;}
dl.flagstaff dd ul li strong {color: #7bab1a;}
dl.flagstaff dd ul li strong.tit {font-style: italic;}
dl.flagstaff dd ul li strong span {color: #000; font-style: normal;}
dl.flagstaff dd ul li p {padding-left: 10px;}
dl.flagstaff dd h6 {font-weight: bold; font-size: 1.5em; color: #7bab1a;}
dl.flagstaff dd p.legend {line-height: 18px; padding-top: 13px; letter-spacing: 0;}
dl.flagstaff dd.loc {padding-top: 15px; width: 500px;}
dl.flagstaff dd.loc ul {padding-top: 20px;}
dl.flagstaff dd.loc ul li {padding-bottom: 7px;}

dl.flagstaff dd.mapInfo {width: 600px; padding: 0 0 14px 13px;}
dl.flagstaff dd.mapInfo h6 {margin: 10px 0 0 0;}
dl.flagstaff dd.mapInfo ul {padding-top: 5px;}
dl.flagstaff dd.mapInfo ul li {padding-bottom: 2px;}

dl.flagstaff dd.traffic {padding-top: 12px; width: 450px;}
dl.flagstaff dd.traffic ul {padding-top: 10px;}
dl.flagstaff dd.traffic ul li {padding-bottom: 5px;}

dl.flagstaff dd.trail {width: 555px;}
dl.flagstaff dd.trail h6.trail {color: #2a2a2a; padding: 2px 0 7px; font-size: 1em;}
dl.flagstaff dd.trail h6.trail a {color: #2a2a2a;}
dl.flagstaff dd.trail p {line-height: 19px;}
dl.flagstaff dd.trail div.rbBtn {text-align: right; padding: 5px 10px 0 0}

dl.flagstaff dd.trailDetail {width: 425px;}
dl.flagstaff dd.trailDetail h6 {font-size: 1.165em; color: #2a2a2a; padding: 2px 0 10px 5px;}
dl.flagstaff dd.trailDetail ul li {background: url('../images/common/icon_bullet_04.gif') no-repeat 0 7px; padding: 0 0 12px 10px;}
dl.flagstaff dd.trailDetail div.chart {margin: 5px 0 0 4px;}
dl.flagstaff dd.trailDetail div.chart img {vertical-align: top; border: 5px solid #b3bec7;}

dl.flagstaff dt.detailView {padding-bottom: 7px;}
dl.flagstaff dt.detailView span {display: block;}
dl.flagstaff dt.detailView span.bImg {margin: 0;}
dl.flagstaff dt.detailView span.sImg {margin: 5px 0 0 0;}
dl.flagstaff dt.detailView span.sImg img {margin-right: 7px;}

dl.flagstaff dd.detailView {width: 365px; color: #2a2a2a; font-weight: normal;}
dl.flagstaff dd.detailView h6 {font-size: 1.33em; color: #2a2a2a; height: 30px;}
dl.flagstaff dd.detailView a { color: #2a2a2a; font-weight: normal;}
dl.flagstaff dd.detailView img {vertical-align: middle;}
dl.flagstaff dd.detailView ul li {padding-bottom: 10px; overflow: hidden; }
dl.flagstaff dd.detailView ul li img.address {float: left; margin: 4px 5px 0 0;}
dl.flagstaff dd.detailView ul li span.address {float: left; width: 285px;}
dl.flagstaff dd.detailView ul li img.number {margin: -1px 5px 0 0;}
dl.flagstaff dd.detailView ul li img.homepage {margin: 1px 5px 0 0;}

dl.mgb_14 {margin-bottom: 14px;}

dl.bdNone {border: 0;}
dl.bdNone dt img {border: 0;}
dl.bdNone dd.history dl {padding-left: 20px;}
dl.bdNone dd.history dl dt {background: url('../images/common/icon_bullet_05.gif') no-repeat 0 6px; padding-left: 10px; color: #7bab1a; font-weight: bold; font-size: 0.915em;}
dl.bdNone dd.history dl dd {padding: 2px 0 5px 15px; font-size: 0.915em; letter-spacing: 0;}

dl.bdNone01 {border: 0;}

.selectLine {border-bottom: 1px solid #e8ebee; padding-bottom: 8px;}
.selectLine select {position: relative; top: -6px; #top: 0; #right: 5px;}

h6.way {position: relative; background: url('../images/common/icon_bullet_03.gif') no-repeat 0 6px; padding-left: 10px; margin: 15px 0 -24px; font-size: 0.915em;}
h6.way span {position: absolute; right: 20px; _right: 15px; top: -4px;}

div.photoRbox {background: url('../images/park/bg_photo_rbox_01.gif') no-repeat 0 0; width: 620px; height: 29px; color: #fff; font-size: 1.165em; padding: 12px 0 0 17px; margin: 10px 0 16px 66px}
div.photoRbox span {float: left;}
div.photoRbox span.select {float: right;}
div.photoRbox span.select select {font-size: 0.915em; margin-right: 13px;}
div.photoRbox span.select select.select01 {margin-right: 6px;}
h6.photo {padding: 0 0 12px 70px; font-size: 1.165em;}

div.photoRbox01 {background: url('../images/park/bg_photo_rbox_01.gif') no-repeat 0 0; width: 620px; height: 29px; color: #fff; font-size: 1.165em; padding: 12px 0 0 17px; margin: 10px 0 16px 48px}
div.photoRbox01 span {float: left;}
div.photoRbox01 span.select {float: right; margin: -3px 15px 0 0;}
/* 2009-10-23 photo 디렉토리와 통일
div.photozone {padding: 0 0 0 27px;}*/
div.photozone {padding: 0 0 0 9px;}
div.photozone ul.address {margin: 10px 0 20px 42px;}
div.photozone ul.address li {padding-bottom: 5px;}

ul.bPic {width: 730px; overflow: hidden;}
ul.bPic li {float: left;}
ul.bPic li.Larrow {padding: 172px 0 0 0; width: 38px;}
ul.bPic li.Rarrow {padding: 172px 0 0 13px;}
ul.bPic li ul.bigPicture {width: 639px; height: 400px; overflow: hidden;}
ul.bPic li ul.bigPicture li {float: none;text-align: center;}
ul.bPic li ul.bigPicture li img {border: 1px solid #e4e4e4;}
ul.bPic li ul.bigPicture li table.bigImgArea {width: 637px; height: 398px; text-align: center;}

ul.sPic {width: 730px; overflow: hidden;}
ul.sPic li {float: left;}
ul.sPic li.Larrow {padding: 22px 0 0 0; width: 38px;}
ul.sPic li.Rarrow {padding: 22px 0 0 13px;}
ul.sPic li ul.smallPicture {width: 639px; height: 91px; overflow: hidden;}
ul.sPic li ul.smallPicture img {border: 1px solid #e4e4e4;}
ul.sPic li ul.smallPicture li {margin-left: 9px; width: 120px; }
ul.sPic li ul.smallPicture li.first-child {margin: 0;}

/* 2009-10-23 photo 디렉토리와 통일
ul.bPic {width: 730px; overflow: hidden;}
ul.bPic li {float: left;}
ul.bPic li.Larrow {padding: 172px 0 0 0; width: 38px;}
ul.bPic li.Rarrow {padding: 172px 0 0 13px;}
ul.bPic li ul.bigPicture {width: 639px; height: 400px; overflow: hidden;}
ul.bPic li ul.bigPicture img {border: 1px solid #e4e4e4;}

ul.sPic {width: 730px; overflow: hidden;}
ul.sPic li {float: left;}
ul.sPic li.Larrow {padding: 22px 0 0 0; width: 38px;}
ul.sPic li.Rarrow {padding: 22px 0 0 13px;}
ul.sPic li ul.smallPicture {width: 639px; height: 74px; overflow: hidden;}
ul.sPic li ul.smallPicture img {border: 1px solid #e4e4e4;}
ul.sPic li ul.smallPicture li {margin-left: 9px;}
ul.sPic li ul.smallPicture li.first-child {margin: 0;}
*/

div.charge {padding: 0 0 0 15px;}
h5.charge {position: relative; background: url('../images/common/icon_bullet_02.gif') no-repeat 0 21px; padding: 17px 0 0 16px; font-weight: bold;}
h6.charge {position: relative; background: url('../images/common/icon_bullet_03.gif') no-repeat 13px 12px; padding: 5px 0 0 22px; line-height: 19px;}
.charge span {position: absolute; left: 603px; top: 18px; color: #497b9a; font-weight: normal;}
.charge span.top1 {top: 53px;}
.charge span.top2 {top: 33px;}
div.charge p.cont {padding: 5px 0 0 15px;}

ul.contList01 {margin: 5px 0 0 17px;}
ul.contList01 li {letter-spacing: 0; padding-bottom: 4px;}
ul.contList01 li.stress {color: #497b9a;}


p.addTxt {color: #497b9a; padding: 2px 0 15px 12px;}
ul.addTxt {padding: 2px 0 5px 12px;}

.mg_t10 {margin-top: 10px;}

div.contList02 {margin: 15px 0 0 12px;}
div.contList02 dl.flagstaff {width: 740px;}

div.scrollBox01 {border: 1px solid #b3bec7; background: #f5f5f5; padding: 3px 10px; margin: 8px 0 18px 3px; line-height: 24px; font-size: 0.915em; height: 100px; overflow-y: scroll; color: #3b3b3b;}
div.scrollBox02 {border: 1px solid #b3bec7; background: #f5f5f5; padding: 3px 10px; margin: 10px 0 15px 39px; line-height: 24px; font-size: 0.915em; height: 100px; overflow-y: scroll; color: #3b3b3b; width: 615px;}
div.addTxtBox01 {padding: 3px 10px; margin: 8px 0 18px 3px; line-height: 24px; font-size: 0.915em; color: #3b3b3b;}
div.maps {width: 726px; border: 5px solid #b3bec7; margin-left: 2px;}
div.maps img {vertical-align: middle;}

div.listMove {border-bottom: 1px solid #b3bec7; margin-top: 19px;}
div.listMove dl {border-top: 1px solid #b3bec7; clear:left; overflow:hidden; width: 738px;}
div.listMove dl dt {float: left; padding: 4px 46px 4px 25px; font-weight: bold; color: #4b7ba6; font-size: 0.915em;}
div.listMove dl dd {float: left; background: url('../images/common/bg_th_02.gif') no-repeat 0 7px; padding: 4px 0 4px 25px; font-size: 0.915em; color: #3b3b3b;}
div.listMove dl dd a {color: #3b3b3b;}

ul.localList { width: 734px; overflow: hidden; }
ul.localList li {float: left; border-bottom: 1px solid #e8ebee; padding: 10px 0;}
ul.localList li dl {width: 367px; overflow: hidden; min-height: 108px; _height: 108px;}
ul.localList li dl dt {float: left; border: 5px solid #b3bec7; width: 111px; height: 88px;}
ul.localList li dl dt img {vertical-align: middle;}
ul.localList li dl dd {float: left; padding: 0 10px 0 18px; width: 217px;}
ul.localList li dl dd h6 {font-size: 1.165em; font-weight: bold; color: #7bab1a; height: 40px;}
ul.localList li dl dd h6 a { color: #497b9a;}
ul.localList li dl dd p { font-size: 0.915em;}
ul.localList li dl dd p span {display: block; padding: 5px 0 5px 10px; font-size: 0.915em; line-height: 15px;}
ul.localList li div.detail {margin: 6px 0 0 0;}
ul.localList li div.detail img {margin-top: -10px;}

/* eco tour */
ul.localList01 { width: 768px; overflow: hidden; position: relative; top: -20px; margin-bottom: -20px;}
ul.localList01 li {float: left; border-bottom: 1px solid #e8ebee; padding: 10px 0;}
ul.localList01 li dl {width: 384px; overflow: hidden;}
ul.localList01 li dl dt {float: left; width: 152px; font-size: 0;}
ul.localList01 li dl dt img {border: 3px solid #b3bec7; vertical-align: middle;}
ul.localList01 li dl dd {float: left; width: 203px; padding-right: 29px;}
ul.localList01 li dl dd h6 {height: 93px; color: #454545}
ul.localList01 li dl dd h6 a { color: #454545;}

dl.introduction {width: 734px; overflow: hidden;}
dl.introduction dt { float: left;}
dl.introduction dt img {border: 3px solid #e8e8e8;}
dl.introduction dd {float: left; width: 370px; margin-left: 16px;}
dl.introduction dd p.tit {font-weight: bold; font-size: 0.915em; letter-spacing: 0; padding-bottom: 5px;}
dl.introduction dd p.desc {font-size: 0.915em; letter-spacing: 0;}
dl.introduction dd ul {margin-top: 7px;}
dl.introduction dd ul li {font-size: 0.915em; letter-spacing: 0;}

h6.intro01 {font-size: 0.915em; color: #595959; background: url('../images/common/icon_bullet_04.gif') no-repeat 0 7px; padding-left: 10px; margin-top: 23px; font-weight: bold;}
h6.intro02 {font-size: 0.915em; color: #595959; background: url('../images/common/icon_bullet_04.gif') no-repeat 0 7px; padding-left: 10px; margin: 23px 0 20px 0; font-weight: bold;}
p.intro {font-size: 0.915em; line-height: 22px; letter-spacing: 0; padding: 0 0 0 10px}

ul.intro {}
ul.intro li {float: none;font-size: 0.915em; }
ul.intro li span {float: left; margin-right: 4px;}
ul.intro li span.desc {width: 535px;}

table.mgtm15 {margin-top: -15px;}

div.googleMaps {border: 5px solid #b3bec7; margin: 22px 0 0 2px; text-align: center;}

/* tab area */
.tabArea {background: url('../images/common/bg_tab_01.gif') repeat-x; 0 0; width: 734px; height: 26px; overflow: hidden; margin: 22px 0 30px;}
.tabArea li {float: left; font-size: 0.915em; height: 26px; margin-right: 5px;}
.tabArea li.on {background: url('../images/common/bg_tab_on_02.gif') no-repeat right 0; padding: 0 19px 0 0; }
.tabArea li.on a {display: block; float: left; background: url('../images/common/bg_tab_on_01.gif') no-repeat 0 0; padding-left: 17px; height: 21px; color: #4b7ba6; font-weight: bold; padding-top: 5px;}

.tabArea li.off {background: url('../images/common/bg_tab_off_02.gif') no-repeat right 0; padding: 0 19px 0 0; }
.tabArea li.off a {display: block; float: left; background: url('../images/common/bg_tab_off_01.gif') no-repeat 0 0; padding-left: 17px; height: 21px; color: #4b7ba6; padding-top: 5px;}

ul.volunteer {width: 740px; overflow: hidden; margin-bottom: 20px;}
ul.volunteer li {float: left; }
ul.volunteer li.pic {float: right;}
ul.volunteer li.pic img {border: 2px solid #ebebeb;}
ul.volunteer li dl.vlist {width: 337px; overflow: hidden; margin-left: 7px;}
ul.volunteer li dl.vlist dt {float: left; width: 82px; clear: left; padding: 0 0 8px 10px; background: url('../images/common/icon_bullet_05.gif') no-repeat 0 6px; color: #678f17;}
ul.volunteer li dl.vlist dd {float: left; width: 245px; padding-bottom: 8px;letter-spacing: 0;}
ul.volunteer li dl.hlist {margin-left: 7px;}
ul.volunteer li dl.hlist dt, ul.volunteer li dl.hlist dd p {padding-bottom: 8px; width: 335px;letter-spacing: 0; }
ul.volunteer li dl.hlist dt {padding: 0 0 8px 10px; background: url('../images/common/icon_bullet_05.gif') no-repeat 0 6px; color: #7a9eb5;}

dl.contact {width: 692px; overflow: hidden; margin-left: 7px;}
dl.contact dt {float: left; width: 92px; height: 25px; clear: left;}
dl.contact dt img {vertical-align: top; margin-top: 3px;}
dl.contact dd {float: left; width: 600px; height: 25px;}

/* special area */
div.topTxt {text-align: center; margin-bottom: 10px; position: relative; left: -3px; font-size: 0;}

p.attach, p.attach a {font-weight: bold; color: #7bab1a; padding: 5px 0 0 15px}