@charset "utf-8";

/* base setting */
/* reset default browser setting */
html {color:#000; background:#FFF; width: 100%; height: 100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote ,th ,td {margin:0; padding:0; font-family: verdana; color: #5e5e5e; line-height: 17px;}
body {font-size: 0.75em; }
table {border-collapse: collapse; border-spacing:0;}
hr {display: none;}
fieldset,img {border:0;}
legend {display: none;}
address {font-style: normal;}
del,ins {text-decoration:none;}
li {list-style-type:none;}
a {text-decoration:none; color: #8a8a8a;}
th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:baseline;}
sub {vertical-align:baseline;}
legend {color:#000;}
table caption {text-indent: -9999px; font-size: 0;}
/* input,button,textarea,select{*font-size:100%;} */

.iePngFix { _behavior: url('js/iepngfix_main.htc')}
.hidden {position:absolute;left:-9999px;}

.clearfix:after  {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix   {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix   {display: block;}
/* End hide from IE-mac */

/*  */

body.changebg_01 {background: url('../images/main/visual_01.jpg') no-repeat center 0; }
body.changebg_02 {background: url('../images/main/visual_02.jpg') no-repeat center 0; }
body.changebg_03 {background: url('../images/main/visual_03.jpg') no-repeat center 0; }
body.changebg_04 {background: url('../images/main/visual_04.jpg') no-repeat center 0; }

.wrap {width: 100%; background: url('../images/main/bg_gnb_01.gif') repeat-x 0 250px; }
.container {width: 990px; margin: 0 auto;}

.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 {height: 286px; }
.topNavi {height: 250px; position: relative; z-index: 1;}
.topNavi div.logo, .topNavi ul, .topNavi div {float: left; font-size: 0;}
.topNavi div.logo {padding: 21px 0 0 0; margin-right:70px; width: 250px;}


.topNavi ul.topElement {background: url('../images/main/bg_top_menu.png') no-repeat 0 0; _behavior:url('js/iepngfix.htc'); width: 630px; height: 30px;  padding: 14px 0 0 25px;}
.topNavi ul.topElement li {float: left; background: url('../images/main/icon_vbar_nav.gif') no-repeat 0 7px; padding:5px 11px 0 10px;}
.topNavi ul.topElement li.first-child {background: none; padding-left: 0;}
*:first-child+html .topNavi ul li {background-position: 0 10px;}
.topNavi ul.topElement li.btn {background: none; padding: 0 0px 0 0; font-size: 0;}
.topNavi ul.topElement li.btn01 {background: none; padding: 0; font-size: 0;}
.topNavi ul.topElement li img { vertical-align: top;}
.topNavi div.visualTop {float: right; /*background: url('../images/main/bg_player.png') no-repeat 0 0;*/ /*_behavior:url('js/iepngfix.htc');*/ width: 223px; height: 174px; padding: 16px 0 0 20px; margin-top: 16px;}

/* 2009-11-02 language layer 추가 */
.topNavi ul.topElement li ul.language {background: none; position: relative; z-index: 200; padding: 0; margin: 0; width: 112px;}
.topNavi ul.topElement li ul.language li {background: none; padding: 0;}
.topNavi ul.topElement li ul.language ul {background: none; position: absolute; left: 0px; top: 22px; z-index: 199; width: 112px;}
.topNavi ul.topElement li ul.language ul li {background: none; font-size: 0; margin: 0; padding: 0;}
.topNavi ul.topElement li ul.language ul li img {vertical-align: top;}

.gnb {height: 36px; background: url('../images/common/bg_gnb.gif') repeat-x;}
.gnb ul.depth1 {position: relative; padding-top: 10px; width: 790px; height: 26px; overflow: hidden;}
.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.first-child {background: none; padding-left: 22px;}
.gnb .text-sizes {float: right; background: none; padding-right: 11px; margin-top: -28px;}
.gnb .text-sizes img {vertical-align: middle;}

/* contents */
.contentWrap {width: 990px; overflow: hidden;}
.visual {text-align: right; padding: 20px 64px 33px 0; font-size: 0;}
.Rcontents {float: left; width: 208px; border: 1px solid #e7e5e1; background: #f1f1ed; padding: 0 12px 0 14px;}

.contents {float: left; width: 710px; padding: 0 20px 24px; #margin: 0;}
.best {position: relative; width: 707px; overflow: hidden; margin-top: 6px;}
.best h2 {width: 710px; margin-bottom: 12px;}
.best dl {float: left; width: 223px; padding-bottom: 6px; #padding: 0; padding-right: 10px;}
.best dl dt {float: left; background: url('../images/main/bg_thumb_01.gif') no-repeat 0 0; padding: 2px; width: 80px; margin-bottom: -10px; font-size: 0; #padding-bottom: 10px;}
.best dl dd, .best dl dd a {line-height: 21px; color: #acacac; letter-spacing: -1px;}
.best dl dd strong {display: block; line-height: 14px; color: #7bab1a; margin-bottom: 9px;}
.best .more {position: absolute; left: 668px; top: 19px;}

.recom {clear: both;}
.recomTop {background: url('../images/main/bg_recom_01.gif') no-repeat 0 0;}
.recomBot {background: url('../images/main/bg_recom_02.gif') no-repeat 0 bottom; padding: 24px 6px 29px 33px; width: 666px; overflow: hidden;}
.recomBot .themes, .recomBot .seasons {float: left; position: relative;}
.recomBot .themes {width: 310px; margin-right: 19px;}
.recomBot .themes h3 {margin-bottom: 14px;}
.recomBot .themes dl {clear:both;}
.recomBot .themes dl.first {height: 99px;}
.recomBot .themes dl dt, .recomBot .themes dl dd {float: left;}
.recomBot .themes dl dt {background: url('../images/main/bg_thumb_02.gif') no-repeat 0 0; padding: 2px; width: 106px; font-size: 0;}
.recomBot .themes dl dd, .recomBot .themes dl dd a { color: #acacac; width: 200px; letter-spacing: -0.07em;}
.recomBot .themes dl dd strong {display: block; line-height: 14px; color: #7bab1a; margin-bottom: 9px;}
.recomBot .more, .recomBot .more {position: absolute; top: 7px; left: 261px;} 
.recomBot .seasons ul {width: 332px;}
.recomBot .seasons ul li {float: left; padding: 2px; background: url('../images/main/bg_thumb_03.gif') no-repeat 0 0; font-size: 0; margin: 13px 14px 0 0;}

.contWrap {width: 710px; padding-top: 4px;}

.tabMenu {position: relative; float: left; background: url('../images/main/bg_news_notice.gif') no-repeat 0 0; margin: 11px 14px 0 0;}
.tabList {line-height: 0 !important;}
.tabList h3 { position: absolute; top: 15px; font-size: 0; height: 33px;}
.tabList h3.first { left: 71px;}
.tabList h3.second { left: 146px; }
.tabList h3 a {display: block; height: 33px;}
.tabList ul {display: none; padding-top: 44px; #padding-top: 36px; }
.tabMenu ul li {position: relative; width: 346px; font-size: 1em; line-height: 1em; margin-bottom: -2px;}
.tabMenu ul li strong {position: absolute; right: 0; top: 7px; color: #3a648c; font-size: 0.915em;}
.tabMenu ul li a {display: block; width: 260px; padding: 5px 0;}
.tabMenu ul li.first-child {font-weight: bold; }
.tabMenu ul li.more {position: absolute; top: 16px; left: 305px; width: 35px;}
.tabMenu ul li.more a {width: auto;}
.tabList ul#tab2 {position: relative; #top: -14px;} /* for ie6 bug */
.tabList ul#tab2 li.more {#top: 2px; #left: 305px;}

.resource {float: left; position: relative;}
.resource ul {background: url('../images/main/bg_rbox_01.gif') no-repeat 0 0; width: 327px; height: 118px; padding: 11px 0 0 20px;}
.resource ul li {float: left; text-align: center; width: 149px; font-size: 0.915em;}
.resource ul li.first-child {margin-right: 11px; }
.resource ul li img {background: url('../images/main/bg_thumb_04.gif') no-repeat 0 0; padding: 2px;}
.resource div.more {position: absolute; top: 20px; left: 299px;}

.photo {clear:both;}
.photo ul {}
.photo ul li {float: left; position: relative; background: url('../images/main/bg_rbox_02.gif') no-repeat 0 0;width: 345px; height: 143px;}
.photo ul li h4 {padding: 10px 0 10px 11px;}
.photo ul li div.more {position: absolute; top: 12px; right: 14px;}
.photo ul li.first {margin-right: 18px; _margin-right: 6px;}
.photo ul li ul.thumbList {padding-left: 9px;}
.photo ul li ul.thumbList li {width: 101px; text-align: center; line-height: 12px; font-size: 0.915em; background: url('../images/main/bg_thumb_05.gif') no-repeat 0 0; padding: 2px; margin-right: 7px;}
.photo ul li ul.thumbList li img {vertical-align: top; margin-bottom: 5px;}

.Rcontents h5 {padding: 23px 0 10px 3px;}
.Rcontents .map {font-size: 0;}
.Rcontents .pname {position: relative; font-size: 0.915em; padding-left: 3px;}
.Rcontents .pname span.more {position: absolute; left: 165px; top: 5px;}
/* 2009-11-02 수정
.Rcontents .temperature {padding: 3px 0 13px; background: url('../images/main/bg_weather_01.gif') no-repeat 0 0;}
.Rcontents .temperature ul {padding: 21px 0 32px; margin-bottom: 10px;}
.Rcontents .temperature ul li {float: left; width: 67px; text-align: center;}
.Rcontents .temperature ul li img {vertical-align: middle; font-size: 0;}
.Rcontents .temperature ul li strong {display: block; color: #888b8b;}
.Rcontents .temperature ul li.mid img {margin-left: 3px;}
*/
.Rcontents .temperature {background: url('../images/main/bg_weather_02.gif') no-repeat 0 0; padding: 6px 0 0 0; margin: 3px 0 9px; height: 86px;}
.Rcontents .temperature ul {padding: 0 0 32px; margin-bottom: 10px;}
.Rcontents .temperature ul li {float: left; width: 67px; text-align: center; font-size: 0.916em;}
.Rcontents .temperature ul li p {text-align: center; color: #888b8b;}
.Rcontents .temperature ul li div.weatherIcon {height: 32px; padding: 1px 0 7px;}
.Rcontents .temperature ul li img {vertical-align: middle; font-size: 0;}
.Rcontents .temperature ul li strong {display: block; color: #888b8b;}
.Rcontents .temperature ul li.mid img {margin-left: 3px;}

.Rcontents .rBan {font-size: 0; margin-top:15px;}  /*  091112_배너추가_마진top 5에서 15로 수정 */ 
.Rcontents .rBan img {margin-bottom: 8px;margin-top:0px;}  /*  091112_배너추가_마진top 추가 */ 


/* footer */
.footer {background: url('../images/common/bg_footer_01.gif') repeat-x left bottom; height: 138px;}
.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 16px; width: 154px; 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 {background: none; border: 0; padding: 0; margin: 0; font-size: 0.915em; color: #4978a3; width: 137px; text-align: left; letter-spacing: 0; font-weight: normal; line-height: 1.5em;}
#layBox02 ul li a { display: block; background: none; color: #4978a3;}
#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}


/* 091112_ 배경이미지바꾸는 숫자버튼 추가 */
#change_bg {position:absolute; top:212px; left:625px; width:120px; height:15px;}
.change_bg_btn {display:inline-block; margin-right:0px; background:none; border:none; cursor:pointer;}
.change_bg_btn img {width:24px; height:24px;}

.hidden_a {position:absolute; left:-9999px;}