@charset "utf-8";
@import "base.css";
@import "board.css";

/*body {background: url('/images/common/bg_top_01.png') no-repeat 0 0; _behavior: url('/Js/iepngfix.htc');}*/ /* ie6 problem */
body {background: url('/images/common/bg_top_01.gif') no-repeat 0 0;}
body.pop {background: none;}
.wrap {width: 100%;}
.container {width: 990px; margin: 0 auto;}

body.depth01 .container {background: url('../images/common/bg_depth_01.jpg') no-repeat 0 0;}
body.depth02 .container {background: url('../images/common/bg_depth_02.jpg') no-repeat 0 0;}
body.depth03 .container {background: url('../images/common/bg_depth_03.jpg') no-repeat 0 0;}
body.depth04 .container {background: url('../images/common/bg_depth_04.jpg') no-repeat 0 0;}
body.depth05 .container {background: url('../images/common/bg_depth_05.jpg') no-repeat 0 0;}
body.depth06 .container {background: url('../images/common/bg_depth_06.jpg') no-repeat 0 0;}
body.etc .container     {background: url('../images/common/bg_depth_etc.jpg') no-repeat 0 0;}

.skipNavi, .skipNavi2, .skipNavi3{display:block;position:absolute;top:-5000px;text-align:center;}
.flashAltLink{height:0;line-height:0;position:relative;top:0px;left:-1000px;padding:0px;}
.skipNavi:focus, .skipNavi:active{
	position:absolute; width:50%; height:20px; top:1px; left:20px; text-decoration:underline;
	border:2px solid #ff0; color:#fff; background:#000; font-weight:bold; font-size:150%;z-index:5;}
.skipNavi2:focus, .skipNavi2:active{
	position:relative;_position:absolute;width:95%;height:37px;top:0px;left:1000px; text-decoration:underline;
	padding-top:20px;border:2px solid #ff0;color:#fff;background:#000; font-weight:bold; font-size:150%; z-index:5;}
.skipNavi3:focus, .skipNavi3:active{
	position:relative; _position:absolute; width:95%; height:26px; top:0px; _top:-100px; left:1000px; text-decoration:underline;
	padding-top:20px; border:2px solid #ff0; color:#fff; background:#000; font-weight:bold; font-size:150%;z-index:5;}
.linkInObject li {padding: 5px 10px 5px 10px;}
.linkInObject li a:hover, .linkInObject li a:focus, .linkInObject li a:active {
	background-color:#b0c4de; color:#0000cd; border:2px solid #87cefa;}

/* header */
.header {}
.topNavi {height: 64px;}
.topNavi div.logo, .topNavi ul, .topNavi div {float: left; font-size: 0;}
.topNavi div.logo {padding: 12px 0 0 34px; width: 317px;}
.topNavi ul {padding-top: 39px;width: 620px; }
.topNavi ul li {float: left; background: url('../images/common/icon_vbar_nav.gif') no-repeat 0 0; padding: 0 12px 0 11px;}
.topNavi ul li.first-child {background: none; padding-left: 0;}
.topNavi ul li img { vertical-align: top; position: relative; top: 0; #top: -3px; _top: 0px;}
.topNavi div.ecotour {padding-top: 33px; margin-right: 6px;}
/* 2009-11-02 language layer 추가
.topNavi div.language {padding-top: 33px;}*/

.topNavi ul.language {padding-top: 33px; position: relative; z-index: 200;}
.topNavi ul.language img {position: relative; top: 0;}
.topNavi ul.language li {background: none; padding: 0;}
.topNavi ul.language ul {position: absolute; left: 0; top: 16px; width: 112px;}
.topNavi ul.language ul li {font-size: 0; margin: 0;}
.topNavi ul.language ul li img {vertical-align: top;}
*:first-child+html .topNavi ul.language ul li.ie7 {position: relative; top: -2px;}
*:first-child+html .topNavi ul.language ul li.ie71 {position: relative; top: -1px;}

.gnb {height: 61px; background: url('../images/common/bg_gnb.gif') repeat-x;}
.gnb ul.depth1 {position: relative; /*padding-top: 10px;*/ width: 990px; height: 61px; overflow: hidden; z-index: 2;}
.gnb ul.depth1 li {float: left; /*background: url('../images/common/icon_vbar_gnb.gif') no-repeat 0 0; padding: 0 20px;*/}
.gnb ul.depth1 li a {display: block; background: url('../images/common/icon_vbar_gnb.gif') no-repeat 0 10px; padding: 10px 20px 12px;}
.gnb ul.depth1 li.first-child {background: none;}
.gnb ul.depth1 li.first-child a {background: none; padding-left: 22px;}
.gnb ul.depth2 {height: 25px; display: none; position: absolute; left: 0; top: 36px; /*background: url('/images/common/bg_gnb_01.png') no-repeat 0 0; _behavior: url('/Js/iepngfix.htc');*/ width: 990px; overflow: hidden; font-size: 1em;}
.gnb ul.depth2 li {float: left; background: none; height: 17px; font-size: 1em;}
.gnb ul.depth2 li a {display: block; background: none; padding: 3px 0 3px 16px;}
.gnb ul.depth2 li a.sel {font-weight: bold; color: #5b9e46;}
.gnb .text-sizes {float: right; background: none; padding-right: 11px; margin-top: -62px; font-size: 0; position: relative; z-index: 3; padding-top: 10px;}
.gnb .text-sizes img {vertical-align: middle; margin-left: 2px; cursor: pointer;}

/* 2009-12-07 카테고리별 navigation bg 교체 */
body.depth01 .gnb ul.depth2 {background: url('/images/common/bg_gnb_depth01.gif') no-repeat 0 0;}
body.depth02 .gnb ul.depth2 {background: url('/images/common/bg_gnb_depth02.gif') no-repeat 0 0;}
body.depth03 .gnb ul.depth2 {background: url('/images/common/bg_gnb_depth03.gif') no-repeat 0 0;}
body.depth04 .gnb ul.depth2 {background: url('/images/common/bg_gnb_depth04.gif') no-repeat 0 0;}
body.depth05 .gnb ul.depth2 {background: url('/images/common/bg_gnb_depth05.gif') no-repeat 0 0;}
body.depth06 .gnb ul.depth2 {background: url('/images/common/bg_gnb_depth06.gif') no-repeat 0 0;}
body.etc .gnb ul.depth1 {background: url('/images/common/bg_gnb_etc.gif') no-repeat 0 36px;}
body.etc .gnb ul.depth2 {background: url('/images/common/bg_gnb_etc.gif') no-repeat 0 0;}

#depth21 {padding-left: 5px;}
#depth22 {padding-left: 105px;}
#depth23 {padding-left: 250px;}
#depth24 {padding-left: 310px;}
#depth25 {padding-left: 490px;}
#depth26 {padding-left: 500px;}

/* contents */
.contentWrap {width: 990px; overflow: hidden;}
.visual {text-align: right; padding: 10px 34px 23px 0; font-size: 0;}
.lnbs {float: left; width: 220px;}
.lnbs h2 {padding: 0 0 7px 26px; border-bottom: 1px solid #e2e2e2;}
ul.lnb { width: 203px; color: #454545; padding-top: 27px;}
ul.lnb li {font-weight: bold; border-bottom: 1px solid #ebebeb; padding: 2px 0 2px 30px;}
ul.lnb li a {display: block; color: #454545; width: 170px;}
ul.lnb li a.sub {background: url('../images/common/icon_plus.gif') no-repeat right 4px;}
ul.lnb li a:hover, ul.lnb li a:active, ul.lnb li a.selected {/*background: url('../images/common/icon_-.gif') no-repeat right 4px;*/ color:#;}

ul.lnb li.sub {padding: 0; border: 0; #border: 1px solid #fff;}
ul.lnb li.sub ul li {padding-left: 30px;}
ul.lnb li.sub ul li ul {padding-top: 5px;}
ul.lnb li.sub ul li ul li {border: 0 none; font-weight: normal; font-size: 0.915em; padding-left: 24px; line-height: 10px; }
ul.lnb li.sub ul li ul li a {display: block; background: url('../images/common/icon_arrow_01.gif') no-repeat 0 3px; padding-left: 10px;}

ul.lnb li.subLnb {padding: 0; border: 0 none; #margin-top: -13px;}
/*ul.lnb li.subLnb div {#margin-top: -13px;}*/
ul.lnb li.subLnb ul {padding-top: 7px;}
ul.lnb li.subLnb ul li {border: 0 none; font-weight: normal; font-size: 0.915em; padding-left: 24px; line-height: 17px; }
ul.lnb li.subLnb ul li a { display: block; background: url('../images/common/icon_arrow_01.gif') no-repeat 0 7px; padding-left: 10px; width: 165px;}
ul.lnb li.subLnb ul li a:hover, ul.lnb li.subLnb ul li a:active, ul.lnb ul li.subLnb li a.selected {background: url('../images/common/icon_arrow_02.gif') no-repeat 0 7px; color: #678f17;}
ul.lnb li.subLnb ul.line {border-bottom: 1px solid #ebebeb; padding-bottom: 12px;}
ul.lnb li.subLnb ul.noline {padding-bottom: 12px;}

ul.lnb li.depth2 {color: #454545}
ul.lnb li.depth2 a {color: #454545; width: 150px;}
ul.lnb li.depth2 h3, ul.lnb li.depth2 h3 a {letter-spacing: 1px; color: #bcbcbc; padding-left: 5px;}
ul.lnb li.depth2 dl {padding-left: 10px;}
ul.lnb li.depth2 dl dt {background: url('../images/common/icon_arrow_01.gif') no-repeat 0 8px; padding-left: 10px; font-size: 0.915em; font-weight: normal; letter-spacing: 0; line-height: 20px;}
ul.lnb li.depth2 dl dd {font-size: 0.915em; font-weight: normal; padding-left: 13px; letter-spacing: 0; line-height: 18px;}
ul.lnb li.depth2 dl dd.last {padding-bottom: 5px;}
ul.lnb li.depth2 dl dt.selected {background: url('../images/common/icon_arrow_02.gif') no-repeat 0 8px; color: #497b9a;}
ul.lnb li.depth2 dl dt.selected a { color: #96cb2a;}
ul.lnb li.depth2 dl dd.selected, ul.lnb li.depth2 dl dd.selected a {color: #96cb2a; display: inline;}
ul.lnb li.depth2 dl dd a {color: #96cb2a; display: inline;}
ul.lnb li.depth2 dl dd dl {padding-left: 0;}
ul.lnb li.depth2 dl dt img.sub {margin: 0 5px;}
ul.lnb li.depth2 dl dt a.sub2 {display: inline; background: url('../images/common/icon_plus2.gif') no-repeat right 4px; padding-right: 13px;}
ul.lnb li.depth2 h3 {position: relative; left: -10px;}
ul.lnb li.depth2 a#present {font-family: arial; font-size: 1.33em; color: #5a9123; letter-spacing: -1px;}

.contents {float: left; width: 750px; overflow: hidden;}

.location {position: relative; overflow: hidden; width: 750px; background: url('../images/common/bg_titleline.gif') repeat-x 0 18px;}
.location h3.tit {padding-top: 18px; }
.location ul {position: absolute; right: 13px; top: 32px;}
.location ul li {float: left; background: url('../images/common/icon_arrow_location.gif') no-repeat 0 4px; padding: 0 10px 0 12px; font-size: 0.915em;}
.location ul li.present {font-weight: bold; padding-right: 0; color: #8a8a8a;}
/*
.location .mountain, .location .mountain a {color: #497b9a; font-weight: bold;}*/

h4.stit {background: url('../images/common/icon_bullet_01.gif') no-repeat 0 35px; padding: 32px 0 0 15px; font-weight: bold; font-size: 1.165em;;}
h4.stit01 {background: url('../images/common/icon_bullet_02.gif') no-repeat 0 26px; padding: 22px 0 0 15px; font-weight: bold;}

/* footer */
.footer {background: url('../images/common/bg_footer_01.gif') repeat-x left bottom; height: 138px; margin-top: 50px;}
.footWrap {width: 724px; margin: 0 auto; padding: 42px 0 0 266px; position: relative;}
.footWrap h2 {position: absolute; top: 57px; left: 24px;}
.footWrap ul {clear: left; padding-top: 4px;}
.footWrap ul li {float: left; background: url('../images/common/icon_vbar_foot.gif') no-repeat 0 0; padding: 0 15px 0 15px;}
.footWrap ul li.first-child {background: none; padding-left: 0;}
.footWrap ul li.btn {float: right; background: none;/* position: relative; top: -4px;*/ padding: 0;}
.footWrap p, .footWrap address {font-size: 0.916em; line-height: 16px; color: #767676; letter-spacing: 0;}
.footWrap p {margin-top: -6px;}

/* footer 버튼레이어 */
#layerBtn02 {position: relative; top: -10px; z-index: 999; width: 170px; height: 23px;}
#layerBtn02 .layMenu {background: none;}
#layBox02 {position: absolute; left: 15px; bottom: 24px; display: block; z-index: 999;}
#layBox02 .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;}
#layBox02 .layMid01 {background: url('../images/park/bg_lay_mid_01.gif') repeat-y; padding: 5px 0 5px 0; width: 170px; border: 0; margin:0; text-align: left;}
#layBox02 .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;}
#layBox02 ul li {float: none; background: none; border: 0; padding: 0 0 0 1px; margin: 0; font-size: 0.915em; color: #4978a3; width: 157px; letter-spacing: 0; font-weight: normal;}
#layBox02 ul li a { display: block; background: none; color: #678f17; padding-left: 15px; height: 15px; border: 1px solid #fff; width: 150px;}
#layBox02 ul li a:hover, #layBox02 ul li a:active { background: none; font-weight: bold; text-decoration: underline}

/* etc */
button.default {border:0; padding:0; background:transparent; cursor:pointer; *overflow:visible; position: relative; top: -9px; #top: 1px; _top: -2px}
button.popBtn {border:0; padding:0; background:transparent; cursor:pointer; *overflow:visible; position: absolute; right: 20px;}