@import url("common.css");


#contents{width:100%; z-index:99; clear:both;}
.contents_in{width:1180px; margin: 0 auto; overflow:hidden; }

.main_row1 { padding-top:16px; }
.main_row1:after{content:""; display:block; clear:both;}
.main_row2 { padding-top:30px; }
.main_row2:after{content:""; display:block; clear:both;}
.main_row3 { padding-top:30px; }
.main_row3:after{content:""; display:block; clear:both;}
.main_row4 { padding-top:30px; }
.main_row4:after{content:""; display:block; clear:both;}
.main_row5 { padding-top:30px; }
.main_row5:after{content:""; display:block; clear:both;}

.main_box_250 { position:relative; overflow:hidden; display:block; width:250px; }

.main_box_390 { position:relative; overflow:hidden; display:block; width:390px; }
.main_box_390_line { position:relative; overflow:hidden; display:block; width:390px; border:solid 1px #cecece; }
.main_box_390_map { position:relative; overflow:hidden; display:block; width:390px; height:280px; background:#d7e3f3 url('/ko/images/main/main_row4_map.gif') no-repeat top right; }

.main_box_480 { position:relative; overflow:hidden; display:block; width:480px; }

.main_box_760 { position:relative; overflow:hidden; display:block; width:760px; }
.main_box_760_line { position:relative; overflow:hidden; display:block; width:760px; border:solid 1px #cecece; }
.main_box_760_online { position:relative; overflow:hidden; display:block; width:760px; background:#fcf3dd; height:280px;}
.main_box_760_gallery { position:relative; overflow:hidden; display:block; width:760px; background:#eeeeee; height:280px;}

.main_box_1180 { position:relative; overflow:hidden; display:block; width:1180px; }

	.main_banner{position:relative; width:390px; height:250px; overflow:hidden; background:url('/ko/images/main/main_row1_banner.gif') 0 0 no-repeat;}
	.main_banner dl{ position:absolute; top:210px; width:390px; text-align:center; height:40px; background:url('/ko/images/main/main_row1_banner_bg.png') 0 0 repeat;}
	.main_banner dt{}
	.main_banner dd{padding-top:10px; color:#fff}


.radius4 {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px; }


/* main vis */
#visual{position:relative; margin: 0 auto; width:480px; height:250px; clear:both; overflow:hidden;}
.mainVisual {position:relative; width:100%;  margin:0 auto; height:250px; overflow:hidden; }
.mainVisual .visualBg {height:250px; margin:0 auto;  position:absolute; top:0;  left:0; width:100%; z-index:100; text-indent:-2000%; }
.mainVisual .visualBg1{background:url("/ko/images/main/main_vis01.jpg") no-repeat  center 0;}
.mainVisual .visualBg2{background:url("/ko/images/main/main_vis02.jpg") no-repeat  center 0;}
.mainVisual .visualBg3{background:url("/ko/images/main/main_vis03.jpg") no-repeat  center 0;}

.mainVisual .controller{width:1400px; position:absolute;  z-index:400;  left:50%; margin-left:-700px;}
.mainVisual .controller .btns {position:absolute; top:330px; width:100%;}
.mainVisual .controller .btns .next {float:right;}
.mainVisual .controller2{width:100px; height:27px; position:relative; z-index:500; }
.mainVisual .controller2 .visualTxt{ padding: 0 0; }
.mainVisual .controller2 .rollBtnD {width:105px; height:27px; position:absolute; top:220px; left:190px; text-align:center; padding-top:3px; }
.mainVisual .controller2 .rollBtnD a{padding-right:7px;}

.mainVisual .controller2 .main_txt {position:absolute; z-index:30; top:0; right:220px; }


/* youtube */
.youtube_box { position:relative; width:100%; height:170px; overflow:hidden; z-index:1;}
.youtube_text { position:relative; width:100%; height:80px; overflow:hidden; background-color: #e2e2e2;

}



/* calendar */
	.calendar_box{ float:left; width:320px; padding:19px 0 0 25px; }

.nav {
  margin: 0 auto 5px;
}
.nav strong {
  font-family: georgia, sans-serif;
  font-size: 20px;
  color: #333;
}

	table.reserve-calendar {
	  table-layout: fixed;
	  width: 100%;
	  line-height: 1;
	}
	table.reserve-calendar th {
	  border-top:1px solid #999; border-bottom:1px solid #dcdcdc;
	  padding: 3px 0;
	  height: 22px;
	  line-height: 22px;
	  text-align: center;
	  font-size: 11px;
	  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	  transition: background-color 0.2s;
	}

	table.reserve-calendar td {
	  padding: 0;
	  height: 22px;
	  line-height: 22px;
	  text-align: center;
	  font-size: 11px;
	  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	  transition: background-color 0.2s;
	}
	table.reserve-calendar th.sun span,
	table.reserve-calendar td.sun span,
	table.reserve-calendar th.holiday span,
	table.reserve-calendar td.holiday span {
	  font-weight: bold;
	  color: #b25b5b;
	}
	table.reserve-calendar th.sat span,
	table.reserve-calendar td.sat span {
	  font-weight: bold;
	  color: #287abf;
	}
	table.reserve-calendar span {
	  display: inline;
	  display: inline-block;
	  margin: 0 auto;
	  width: 17px;
	  height: 17px;
	  line-height: 17px;
	  border-radius: 17px;
	}
	table.reserve-calendar a.in span,
	table.reserve-calendar a:hover span {
	  background-color: #022959; color: #fff; font-weight:bold;	}

	.arrow_line{ float:left; padding:19px 0; }


	.event_box{ float:left; padding:19px 20px 0 0; }
	.event_box h2 {font-size: 18px; color:#3572c3; font-weight:600; padding-bottom:10px;}

	.event_info {  }
	.event_info ul {margin:0; padding: 0; list-style: none;}
	.event_info li {float:left; }

	.event_info dl {overflow:hidden; clear:both;}
	.event_info dt {width:115px; float:left; margin-right:30px; }
	.event_info dt img {border:1px solid #ddd; }
	.event_info dd {float:left; width:220px;}
	.event_info strong {display:block; color:#333; padding-bottom:3px; font-size:14px; letter-spacing:-0.5pt;}
	.event_info p {font-size:12px; line-height:20px; padding:5px 0 15px;}
	.event_info a.detail {display:inline-block; width:220px; height:30px; line-height:30px; text-align:center; color: #fff; font-weight:bold; background-color: #82abe3; border-radius: 2px; }



	.notice_con { overflow:hidden; height:238px;}
	.notice_con ul.tab{width:390px; display:block;}
	.notice_con ul.tab li{float:left; width:130px; text-align:center;}
	.notice_con ul.tab li a{padding:12px 20px; display:block; color:#333; font-size:13px; font-weight:600; letter-spacing:-0.5pt; background:#fff; border-right:1px solid #e2e8ec;  border-bottom:1px solid #e2e8ec;}
	.notice_con ul.tab li a.last{border-right:none !important;}
	.notice_con ul.tab li a:hover{background:#888888; color:#fff; border-bottom:1px solid #e2e8ec;}
	.notice_con ul.tab li.on a{background: #3572c3; color:#fff; border-bottom:1px solid #e2e8ec;}
	.notice_con .con{clear:both; padding:30px 0 30px 25px;}
	.notice_con .con li { float:left; position:relative; font-size:12px; background:url('/ko/images/main/notice_icon.gif') left 10px no-repeat; padding-left:10px; width:360px; }
	.notice_con .con li a{ color:#333;  line-height:22px; }
	.notice_con .con li a:hover{ color:#006bb6; }
	.notice_con .con li span.date{ position:absolute; float:right; right:20px; color:#999; top:1px; }
	

	.online_box{ overflow:hidden; padding:15px 0; }
	.online_box h2 { font-size: 18px; color:#c83923; font-weight:600; padding-left:25px; padding-bottom:10px;}

	.online_box li {float:left; width:190px; height:200px; border-left: 1px solid #e2dac6; }
	.online_box li.noline {border: 0; }
	
	.online_box dl { overflow:hidden; clear:both; }
	.online_box dt { text-align: center; }
	.online_box dd { text-align: center; font-size: 12px; color:#666; }
	.online_box dd a:hover { color:#c83923; }


	
	.data_con { overflow:hidden; height:268px;}
	.data_con ul.tab{width:390px; display:block;}
	.data_con ul.tab li{float:left; width:195px; text-align:center;}
	.data_con ul.tab li a{padding:12px 20px; display:block; color:#333; font-size:13px; font-weight:600; letter-spacing:-0.5pt; background:#fff; border-right:1px solid #e2e8ec;  border-bottom:1px solid #e2e8ec;}
	.data_con ul.tab li a.last{border-right:none !important;}
	.data_con ul.tab li a:hover{background:#888888; color:#fff; border-bottom:1px solid #e2e8ec;}
	.data_con ul.tab li.on a{background: #4fbcff; color:#fff; border-bottom:1px solid #e2e8ec;}
	.data_con .con{clear:both; padding:30px 0 30px 25px;}
	.data_con .con li { float:left; position:relative; font-size:12px; background:url('/ko/images/main/notice_icon.gif') left 10px no-repeat; padding-left:10px; width:360px; }
	.data_con .con li a{ color:#333;  line-height:22px; }
	.data_con .con li a:hover{ color:#006bb6; }
	.data_con .con li span.date{ position:absolute; float:right; right:20px; color:#999; top:1px; }
	

.map_box { padding : 25px 20px 0; }
.map_box .map_search { position: relative; width:350px; margin-top:20px; }
.map_box .map_search .btn_login {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: 71px;
  line-height: 71px;
  background-color: #2161ab;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
}


.gallery_box {position:relative; width:720px; padding:15px 20px;}
.gallery_box h2 { font-size: 18px; color:#444; font-weight:600; padding-left:5px; padding-bottom:10px;}
.gallery_box a.more {position:absolute; top:15px; right:-15px;}

	#gallery_list {overflow:hidden; clear:both;}
	#gallery_list ul {margin:0; padding: 0; list-style: none;}
	#gallery_list li {float:left; width:230px; padding: 20px 20px 10px; border: 1px solid #e1e1e1; background-color: #fff; margin: 0 5px;}

	.prev {position:absolute; display:inline-block; width:28px; height:28px; margin: -247px 0 0 630px; background:url('/ko/images/main/btn_arrow.gif') left top no-repeat; text-indent:-9999px;}
	.next {position:absolute; display:inline-block; width:29px; height:28px; margin: -247px 0 0 658px; background:url('/ko/images/main/btn_arrow.gif') right top no-repeat; text-indent:-9999px;}

	#gallery_list dl {overflow:hidden; clear:both;}
	#gallery_list dt {width:190px; float:left; font-size: 13px; font-weight:bold; line-height: 18px; margin-bottom:10px; color: #555; }
	#gallery_list dd {float:left; width:190px;}
	#gallery_list p {font-size:11px; text-align:right; margin-top:7px; }
	#gallery_list a.detail {display:inline-block; text-indent:-9999px;}

a.more {background:url('/ko/images/main/more.gif') left top no-repeat; width:28px; height:28px; border-right:1px solid #dcdcdc;}


.btm_banner { padding:20px 0 25px 150px; position:relative; border-top:1px solid #d6d6d6; }
.btm_banner .rolling_box {overflow:hidden;width:1180px;height:40px;padding:5px 0 5px 0;}
.btm_banner .rolling_box #bannerBox04 #bannerList04 {overflow:hidden;width:1030px; height:40px;}
.btm_banner .rolling_box #bannerBox04 #bannerList04 li {float:left;width:200px;height:40px;text-align:center;}
.btm_banner .rolling_btn {overflow:hidden;position:absolute;left:0;top:25px;}
.btm_banner .rolling_btn button {float:left;}
.btm_banner .rolling_btn button span {position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
.btm_banner .rolling_btn button.roll_prev {width:37px;height:37px;background:url("/ko/images/main/front_off.gif") no-repeat left top;}
.btm_banner .rolling_btn button.roll_prev:hover {width:37px;height:37px;background:url("/ko/images/main/front_off.gif") no-repeat left top;}
.btm_banner .rolling_btn button.roll_stop {width:37px;height:37px;margin:0 2px;background:url("/ko/images/main/stop_off.gif") no-repeat left top;}
.btm_banner .rolling_btn button.roll_stop:hover {width:37px;height:37px;margin:0 2px;background:url("/ko/images/main/stop_off.gif") no-repeat left top;}
.btm_banner .rolling_btn button.roll_next {width:37px;height:37px;background:url("/ko/images/main/back_off.gif") no-repeat left top;}
.btm_banner .rolling_btn button.roll_next:hover {width:37px;height:37px;background:url("/ko/images/main/back_off.gif") no-repeat left top;}